CSS字體樣式 

使用CSS呈現文字的時候,常需要針對字體、對齊、底線、行距、間距、顏色樣式做修改,因此記錄了常用的字體樣式設定

 

<style>

    #font{

        /*文字顏色*/

        color:blueviolet;

        /*字體大小*/

        font-size:25px;

        /*

        font-family: 使用的字型

        為了避免瀏覽器無法辨識字體,可設置多種字體,自體使用的優先權則依照先後順序

        注意:有時候寫上中文字型,不一定能順利辨識,還應該加上英文字型。(例如:微軟正黑體,Microsoft JhengHei)

        */

        font-family: 標楷體,微軟正黑體,Microsoft JhengHei,DFKai-sb,sans-serif;

        /*文字的行距*/

        line-height: 80px;

        /*粗體文字*/

        font-weight: bold;

        /*

        font-style:字體顯示方式

        normal:正常

        italic:斜體

        inherit:繼承

        */

        font-style:italic;

        /*

        text-align:文字對齊方式

        left:靠左對齊

        right:靠右對齊

        center:置中

        justify:分散對齊

        */

        text-align:justify;

        /*

        text-decoration:文字加上線條

        line-through:刪除線

        overline:線條加在文字上方

        underline:線條加在文字底部

        none:當文字有超連結的時候,可刪除示意超連結的底線

        */

        text-decoration:overline;

        /*文字間的距離*/

        letter-spacing: 100px;

    }

</style>

 

<div id="font">

    ABCEEFG

</div>

 

以上說明供大家參考

 

如果覺得對你有幫助的話. 麻煩幫小弟按個讚哦~

 

文章標籤
創作者介紹

史丹利愛碎念

newaurora 發表在 痞客邦 PIXNET 留言(0) 人氣()