.Net Project/CSS 2.0

10장 FontStyle

Magic_kit 2009. 7. 28. 10:01
반응형



<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"  
                              "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml">
<head>
    <title>10.폰트 관련 스타일 </title>
 <style type="text/css">
       
        body 태그 안에  Font속성을 지정
        body { color:Blue;font-size:10pt;font-family:Verdana;}  
      
        boldText,boldText1 글자속성을 볼드체로 변경
       .boldText{font-weight:bold;}
       .boldText1{font-weight:bold;}
 
       italic Text, italic Text1 글자속성을 이텔릭체로 변경
       #italicText{font-style:italic;}
       #italicText1{font-style:italic;}
 
       Text 의 글자 속성을 취소선으로 변경
      .strikeText{text-decoration:line-through;}
</style>

</head>

<body>
 글자 모양 관련 3가지 : 색상, 크기, 글꼴 <br />
 
 <!--1.볼드체 표현 방식(굵게)-->
 <span class="boldText">볼드체</span><br />
 <b class="boldText1">볼드체</b> <br />
 
 <!--2.이텔릭체 표현 방식(기울임)-->
 <i id="italicText1">이텔릭체</i> <span id="italicText">이텔릭체</span><br />
 
 <!--3.태그를 직접 넣어서 밑줄 문자 표현-->
 <u>밑줄</u> <span style="text-decoration:underline;">밑줄</span> <br />
 
 <!--4.점 클래스를 이용하여 취소선을 표시하는 방법 위에 선언할때overline 역시 같이
                                                                                              표현 가능 -->
 <s>취소선</s> <strike>취소선2</strike> <span class="strikeText">취소선3</span> 

</body>
</html>

반응형