font-style:italic 폰트스타일
font-size:10pt 폰트크기
font-family:돋움 폰트
color:글자색
background-color:pink 배경색
background-attachment : fixed 그림 고정
background-repeat:no-repeat 한개만 나오기
background-image:url("img/100.jpg") 이미지 링크걸기
text-decoration:line-through 가운데 줄긋기
text-decoration:overline 위에 줄긋기
text-decoration:blink 깜빡이
text-decoration:underline 밑줄긋기
letter-spacing:5px 글자당 줄간격
word-spacing:15px 단어당 줄간격
border-top:1px solid 위에 줄만 얇은선
padding-left:30 왼쪽 공간 더줌
<html>
<head>
<title>스타일시트</title>
<style type="text/css">
<!--
.a{letter-spacing:5px;}
.b{word-spacing:15px;}
.c{text-decoration:underline;}
.d{text-decoration:line-through;}
.e{text-decoration:overline;}
.f{text-decoration:blink;}
-->
</style>
</head>
<body>
<font class="a">진달래 먹고 물장구 치고</font><br>
<font class="b">진달래 먹고 물장구 치고</font><br>
<font class="c">진달래 먹고 물장구 치고</font><br>
<font class="d">진달래 먹고 물장구 치고</font><br>
<font class="e">진달래 먹고 물장구 치고</font><br>
<font class="f">진달래 먹고 물장구 치고</font><br>
</body>
</html>
<html>
<head>
<title>스타일시트</title>
<style type="text/css">
<!--
.a{background-color:pink;}
.b{background-color:green;}
body{background-attachment:fixed;background-repeat:no-repeat;background-image:url("img/100.jpg");}
.d{text-decoration:line-through;}
.e{text-decoration:overline;}
.f{text-decoration:blink;}
-->
</style>
</head>
<body>
<table class="a">
<tr><td>123</td>
<tr><td class="b">345</td>
<table class="c" width="500"
height="500">
<tr><td>123</td>
<tr><td class="b">345</td>
</table>
</body>
</html>
<html>
<head>
<title>스타일시트</title>
<style type="text/css">
<!--
.a{border-top:1px solid; border-bottom:1px solid; border-color:green;}
-->
</style>
</head>
<body>
<table class="a" border="0"
width="300" height="300">
<tr><td>123</td>
<tr><td >345</td>
</table>
</body>
</html>
이름은 녹색박스에 글씨가 작음
댓글 없음:
댓글 쓰기