HTML dl,dt,dd
dl, dt, dd - 정의형 목록
- 용어와 설명으로 구성된 목록
dt : 용어
dd : 설명
- dl 요소 안에 dt, dd 이외의 요소는 포함할수 없음.
- dt는 인라인요소
- dd는 블록레벨요소.
| <dl> <dt>dt는 용어</dt> <dd>dd는 설명을 넣는 곳!</dd> <dt>dt는 용어</dt> <dd>dd는 설명을 넣는 곳!</dd> <dd>dd는 설명을 넣는 곳!</dd> </dl> 결과
|
CSS border-radius
border-radius css3부터 가능해진 border-radius. 모서리를 둥글게 만들때 사용. border-top-left-radius: 속성값 (%,px) border-top-right-radius: 속성값 (%,px) border-bottom-right-radius : 속성값 border-bottem-left-radus : 속성값 한번에 쓸때는 border-radius : 속성값 으로 해줌. <style type="text/css"> .radius01 { width:200px; padding:20px; margin-bottom:30px; background:#09F; border-top-left-radius:20px 50px; } .radius02 { width:200px; padding:20px; margin-bottom:30px; background:#09F; border-top-right-radius:30px; } .radius03 { width:200px; padding:20px; margin-bottom:30px; background:#09F; border-bottom-right-radius:50px 20px; } .radius04 { width:200px; padding:20px; margin-bottom:30px; background:#09F; border-top-left-radius:20px 30px; } .radius05 { width:200px; padding:20px; margin-bottom:30px; background:#09F; border-radius:30px; } .radius06 { width:200px; padding:20px; margin-bottom:30px; background:#09F; border-radius:50px 30px 20px 10px; } </style> <div class="radius01...
