The border-radius Property
This property is used to add rounded borders to an element:
중제목
대체해야할문자열
대체해야할문자열
대체해야할문자열
대체해야할문자열
대체해야할문자열-
태그
아래는 소스입니다.
<style>
p.normal {
border: 2px solid black;
padding: 0.2cm 0.2cm;
border-style: solid;
border-left-width: 15px;
}
p.round1 {
border: 2px solid red;
padding: 0.5cm 0.5cm;
border-radius: 5px;
}
p.round11 {
border: 2px solid black;
padding: 0.5cm 0.5cm;
border-radius: 5px;
}
p.round2 {
border: 2px solid black;
border-radius: 8px;
height: 100%;
}
p.round3 {
border: 2px solid black;
border-radius: 12px;
}
p.square1 {
border-left: 6px solid blue;
background-color: lightblue;
}
p.bottom1 {
border-bottom: 1px solid red;
}
.footer {
position: fixed;
left: 0;
bottom: 0;
width: 100%;
background-color: red;
color: white;
text-align: center;
}
</style>
<h2>The border-radius Property</h2>
<p>This property is used to add rounded borders to an element:</p>
<p class="normal">중제목</p>
<br />
<p class="round1">대체해야할문자열</p>
<br />
<p class="round11">대체해야할문자열</p>
<br />
<p class="round2">대체해야할문자열</p>
<br />
<p class="square1">대체해야할문자열</p>
<br />
<p class="bottom1">대체해야할문자열-</p>
<br />
<p class="round3">태그</p>
<div class="footer">
<p>Footer</p>
<p><br /></p>
<p>내일신문 백재원 부장</p>
</div><p><br /></p>
'IT' 카테고리의 다른 글
포토샵 액션을 다시 반복하는 방법과 실행 오캠으로 촬영 (0) | 2018.01.25 |
---|---|
성공을 기약하는 마케팅 대행사 내일LMC 소개 (0) | 2017.10.15 |
통계의보고 통계청 통계자료 - 블로그 컨텐츠 개선하여 방문자 수 높이기 (0) | 2017.07.29 |
병원 홈페이지 전문 개발사 정리 및 제안 (0) | 2017.06.02 |
구글플러스에서 내 글만 보기 (0) | 2017.05.26 |
댓글