CSS內聯樣式的使用,設定字型屬性

mengmengxin發表於2023-02-04

1,CSS設定字型名稱屬性(font-family):

示例:

<style> .fs1{font-family:Arial, Helvetica, sans-serif;
}.fs2{font-family:黑體;
}.fs3{font-family:"Times New Roman", Times, serif;
}</style><span class="fs1">CSS設定字型屬性</span><br /><span class="fs2">CSS設定字型屬性</span><br /><span class="fs3">CSS設定字型屬性</span><br />

2,CSS設定字型大小屬性(font-size):

示例:

<style> .fs1{font-size:12px;
}.fs2{font-size:16px;
}.fs3{font-size:18px;
}.fs3{font-size:24px;
}</style> <span class="fs1">CSS設定字型大小屬性</span><br /><span class="fs2">CSS設定字型大小屬性</span><br /><span class="fs3">CSS設定字型大小屬性</span><br /><span class="fs4">CSS設定字型大小屬性</span><br />

3,CSS設定字型粗體屬性(font-weight):

示例:

<style> .b{font-weight:bold;
} 
</style><span>CSS設定字型粗體,無粗體!</span><br /><span class="b">CSS設定字型粗體,有粗體</span><br />

4,CSS設定字型斜體屬性(font-style:italic;):

<style> .i{font-style:italic;
} 
</style><span>CSS設定字型斜體,無斜體!</span><br /><span class="i">CSS設定字型斜體,有斜體</span><br />

5,CSS設定字型顏色屬性(color)

示例:

<style>body{font-size:14px;
}.color1{color:#000;
} /*黑色*/.color2{color:#f00;
} /*紅色*/.color3{color:green;
} /*綠色*/.color4{color:orange;
} /*橙色*/.color5{color:blue;
} /*藍色*/div{


來自 “ ITPUB部落格 ” ,連結:http://blog.itpub.net/70019667/viewspace-2933980/,如需轉載,請註明出處,否則將追究法律責任。

相關文章