반응형
[HTML] 링크에 스타일주기 - html style border padding background color font weight bold
<a href="http://i7979.tistory.com/" style="border:5px solid #ff0000; padding:10px 100px; background-color:#000000; color:#ffffff;font-weight:bold;">http://i7979.tistory.com/</a>
위에 소스를 보시면 사이트 링크가 있고 그다음 스타일이 있습니다.
style="border:5px 빨간색 테두리 굵기를 나타냅니다.
solid #ff0000 는 테두리 색이 빨간색을 나타냅니다.
padding 10px 100px 는 10px는 폭을 나타내고, 100px 는 길이(넓이)를 나타냅니다.
background color 는 가운데 검은색을 나타냅니다.
color:#ffffff;font-weight:bold 는 사이트 링크 색을 나타냅니다.
반응형
'아이들의 교육 > HTML' 카테고리의 다른 글
input type설정하기-backgroud,color,font,weight,link,size(백그라운드,색,글 굵게,링크,사이즈) (0) | 2015.02.12 |
---|---|
[HTML] 커서/손가락 표시 (0) | 2014.04.12 |
[HTML] 검색되기 쉬운 홈페이지 만들기 (0) | 2013.12.24 |
[html] 배경 이미지 위쪽에만 나오게 하기 (0) | 2012.12.22 |
[html] 배경 이미지/색 설정 (0) | 2012.12.18 |