網站首頁 程序人生 資源匯 學建站 源碼 織夢模板 特效代碼 技術手冊 IT頭條 電商 創業 運營 站長

特色欄目 視頻下載 織夢模板 教程書籍 職業生涯 正能量 美圖

css 字體顏色(css color)_收藏挑錯

2018-09-27 09:43 采編:程序人生 閱讀 投稿賺幣
在DIV+CSS網頁中控制字體顏色的CSS單詞為color:+顏色值。 1、CSS字體顏色color基礎 在HTML控制字體顏色color=#0000FF,實例: font color=#0000FF我的顏色為藍色#0000FF/font 示圖: 說明:根據以上實例
  在DIV+CSS網頁中控制字體顏色的CSS單詞為color:+顏色值。

  1、CSS字體顏色color基礎

  在HTML控制字體顏色color="#0000FF",實例:

  <font color="#0000FF">我的顏色為藍色#0000FF</font>

  示圖:

    css 字體顏色(css color)

  說明:根據以上實例可知道原始的html字體顏色控制使用<font color="#0000FF"></font>,而color為顏色、#0000FF則是對于顏色編碼值,在CSS 字體顏色(CSS color)控制,則為color:+顏色編碼值如:color:#F00;

  2、CSS字體顏色控制實例

  CSS代碼:.divcss5{ color:#F00;}

  HTML代碼:<div class="divcss5">我的顏色 CSS控制為紅色#F00</div>

  示圖:

    css 字體顏色(css color)

  說明:根據以上示例說明通過CSS控制字體顏色代碼為color:+顏色編碼值

  此實例完整的DIV+CSS代碼:
  <!DOCTYPE html>

  <html>

  <head>

  <meta charset="gb2312" />

  <title>DIVCSS5對CSS顏色實例演示</title>

  <style>

  .divcss5{ color:#F00;}

  /* #F00為紅色 */

  </style>

  </head>

  <body>

  <font color="#0000FF">我的顏色為藍色#0000FF</font>

  <br /><br />

  <div class="divcss5">我的顏色 CSS控制為紅色#F00</div>

  </body>

  </html>

  以上為完整的CSS 字體顏色實例,包括了原始的HTML控制字體顏色和DIV CSS控制字體顏色。

  3、CSS超鏈接的字體顏色控制

  首先我們認識下CSS 超鏈接基礎

  a:active是超級鏈接的初始狀態

  a:hover是把鼠標放上去時的狀況

  a:link是鼠標點擊時

  a:visited是訪問過后的情況

  這幾個CSS樣式一般情況下是默認的,那CSS控制超鏈接的字體顏色CSS color是怎么實現的呢?很簡單和上面第2點的實例相同,唯一區別在于設置他們的對象為超鏈接A標簽CSS樣式。

  實例:

  css代碼:

  a{ color:#00F}/* 帶超鏈接字體為藍色 */

  a:hover{ color:#F00;}/* 鼠標放到超鏈接字上字體顏色為紅色 */

  對應html內容

  我是<a href="http://www.divcss5.com">DIV CSS教程</a>實例關于超鏈接字體顏色

  演示結果是“DIV CSS教程”這個被超鏈接的文本鼠標經過時候字體顏色為紅色,鼠標未經過或鼠標未放到此超鏈接文字內容上時字體顏色為藍色。

  此完整DIV CSS代碼(包括1、2的實例代碼):
  <!DOCTYPE html>

  <html>

  <head>

  <meta charset="gb2312" />

  <title>CSS顏色實例演示</title>

  <style>

  .divcss5{ color:#F00;} /* #F00為紅色*/

  a{ color:#00F} /* 帶超鏈接字體為藍色 */

  a:hover{ color:#F00;} /* 鼠標放到超鏈接字上字體顏色為紅色 */

  </style>

  </head>

  <body>

  <font color="#0000FF">我的顏色為藍色#0000FF</font>

  <br /><br />

  <div class="divcss5">我的顏色 CSS控制為紅色#F00</div>

  <br /> <br />

  我是DIV CSS教程</a>實例關于超鏈接字體顏色

  </body>

  </html>

  大家可以拷貝以上代碼,自己親自實踐實踐掌握DIV CSS 字體顏色CSS color知識點。
相關標簽:
程序人生if98.com,專注IT人成長、所需、職場,歡迎參與撰稿、分享資源!

掃一掃關注程序人生公眾號

免責聲明:本文內容由[程序人生]用戶自行發布或編輯轉載,本站不擁有所有權、不承擔相關法律責任。 如發現有涉嫌抄襲的內容,可郵件 [email protected] 舉報,并提供證據,一經查實,本站將立刻刪除涉嫌侵權內容。

發表評論
請自覺遵守互聯網相關的政策法規,嚴禁發布色情、暴力、反動的言論。
評價:
表情:
用戶名: 驗證碼:點擊我更換圖片

站長推薦文章

閱讀排行

論壇信息推薦 更多 >>

關于我們

微信公眾號

掃碼關注官方微信

返回頂部
足球北单开奖