学习啦 > 学习电脑 > 电脑技巧 > html的a标签内设置字体颜色

html的a标签内设置字体颜色

时间: 佳洲1085 分享

html的a标签内设置字体颜色

  html中要在a标签内设置字体的颜色等属性该怎么做呢?下面由学习啦小编为大家整理了html的a标签内设置字体颜色的方法,希望对大家有帮助!

  html的a标签内设置字体颜色方法一

  页面代码:

  Html代码

  <div class="mybtn14_3">

  <a href="view/business/tasksTypeAdd.jsp">添加业务类型</a></div>

  因为链接地址是放在div里面的,div的class属性是调用css里面设置的,如果想要给这个链接设置字体颜色的,就需要在css文件里面增加mybtn14_3 a的配置:

  Css代码

  这部份是div调用的css样式

  .mybtn14_3

  {

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

  line-height:32px;

  height:32px;

  }

  这部份是设置a标签的字体属性

  .mybtn14_3 a

  {

  color:#fff;

  }

  html的a标签内设置字体颜色方法二

  1、css代码:

  a{color:#00F}

  a:hover{color:#f00}/* 鼠标经过悬停字体颜色 */

  /* css 注释说明:以上代码为设置HTML中超链接统一字体颜色 */

  .div a{color:#090}

  .div a{color:#090}

  /* css注释说明:以上代码为设置HTML中.div对象内超链接字体颜色

  2、HTML代码

  <p>测试内容我统一设置的颜色蓝色<a href="http://www.cnblogs.com/xiaomingjie/">我的博客园</a></p>

  <div class="div">我在div对象内,超链接颜色为<a hrft="http://www.cnblogs.com/xiaomingjie/">我是超链接绿色</a></div>

3629297