學(xué)習(xí)啦 > 學(xué)習(xí)電腦 > 電腦技巧 > html的a標(biāo)簽內(nèi)設(shè)置字體顏色

html的a標(biāo)簽內(nèi)設(shè)置字體顏色

時間: 佳洲1085 分享

html的a標(biāo)簽內(nèi)設(shè)置字體顏色

  html中要在a標(biāo)簽內(nèi)設(shè)置字體的顏色等屬性該怎么做呢?下面由學(xué)習(xí)啦小編為大家整理了html的a標(biāo)簽內(nèi)設(shè)置字體顏色的方法,希望對大家有幫助!

  html的a標(biāo)簽內(nèi)設(shè)置字體顏色方法一

  頁面代碼:

  Html代碼

  <div class="mybtn14_3">

  <a href="view/business/tasksTypeAdd.jsp">添加業(yè)務(wù)類型</a></div>

  因?yàn)殒溄拥刂肥欠旁赿iv里面的,div的class屬性是調(diào)用css里面設(shè)置的,如果想要給這個鏈接設(shè)置字體顏色的,就需要在css文件里面增加mybtn14_3 a的配置:

  Css代碼

  這部份是div調(diào)用的css樣式

  .mybtn14_3

  {

  background: url(../image/toolbar2.3.png) repeat-x;

  line-height:32px;

  height:32px;

  }

  這部份是設(shè)置a標(biāo)簽的字體屬性

  .mybtn14_3 a

  {

  color:#fff;

  }

  html的a標(biāo)簽內(nèi)設(shè)置字體顏色方法二

  1、css代碼:

  a{color:#00F}

  a:hover{color:#f00}/* 鼠標(biāo)經(jīng)過懸停字體顏色 */

  /* css 注釋說明:以上代碼為設(shè)置HTML中超鏈接統(tǒng)一字體顏色 */

  .div a{color:#090}

  .div a{color:#090}

  /* css注釋說明:以上代碼為設(shè)置HTML中.div對象內(nèi)超鏈接字體顏色

  2、HTML代碼

  <p>測試內(nèi)容我統(tǒng)一設(shè)置的顏色藍(lán)色<a href="http://www.cnblogs.com/xiaomingjie/">我的博客園</a></p>

  <div class="div">我在div對象內(nèi),超鏈接顏色為<a hrft="http://www.cnblogs.com/xiaomingjie/">我是超鏈接綠色</a></div>

3629297