인터넷정보

알아두시면 유용한 간단한 스타일 시트

알 수 없는 사용자 2007. 10. 17. 00:08
style="border-width: 1px 1px 1px 1px;border-style:none solid none solid;border-color: #ff0000 #ff0000 #ff0000 #ff0000;"

BORDER 4곳을 길게 쭉~~~ 써서 적을 필요없이 나타내는것 입니다..
각각 차례대로 top,right,bottom,left 입니다. 끝에 색상을 지정하지않으시면 기본적으로 회색비스무리한 색
아시죠? 기본적인보더색상..그걸로 나타납니다..^^

그리고 음...margin 이나 padding 쓸때도 이같은 방법을
이용할수 있습니다..
아래와 같이.^^

style="margin: 10px 0px 0px 0px;"

style="padding: 6px 12px 16px 12px;"


이 방법은 익스플로러6/넷스게이프7프리뷰/모질라1.0/오페라6.01에서 테스트해본결과 모두 잘됩니다.

<html>
<head>
</head>
<body>
<table style="border-width: 1px 1px 1px 1px;border-style:none solid none solid;border-color: #ff0000 #ff0000 #ff0000 #ff0000;">
<tr>
<td>
가나다라아자차카타파하
</td>
</tr>
</table>
</body>
</html>
반응형