css控制文字大小、字體及顏色

css控制文字大小、字體及顏色:

 

<!DOCTYPE html>

<html>

 <head>

  <meta charset="utf-8">

  <title></title>

  <style>

   #div1{

    color:red;

    font-style:italic;

    font-weight:bold;

    font-size:25px;

    line-height:40px;

    font-family:simhei;

   }

   #div2{

    font:italic bold 25px/40px "simhei";/*div2除了顏色不一樣其他設置和div一都一樣,注意這樣設置快捷方便但要按照先後順序設置*/

   }

  </style>

 </head>

 <body>

  <div id="div1">牀前明月光,疑似地上霜。<br />舉頭望明月,我是郭德綱。</div>

  <div id="div2">牀前明月光,疑似地上霜。<br />舉頭望明月,我是郭德綱。</div>

 </body>

</html>

 效果:

 

wKioL1Qh-LKAbTL7AAGnq0LtxDI794.jpg

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章