你的位置:首页 > 软件开发 > Java > HTML+CSS Day06 超链接的样式与搭配

HTML+CSS Day06 超链接的样式与搭配

发布时间:2016-03-03 21:00:05
1.格式  a:link {}  普通的、未被访问的链接  a:visited {}   用户已访问的链接  a:hover {}  鼠标指针位于链接的上方   a:active{}  链接被点击的时刻2.常用内嵌属性  color  text-d ...

1.格式

  a:link    {}  普通的、未被访问的链接

  a:visited {}   用户已访问的链接

  a:hover  {}  鼠标指针位于链接的上方

   a:active{}  链接被点击的时刻

2.常用内嵌属性

  color

  text-decoration

  background-color

  font-family

  padding-top

  padding-right

  padding-bottom

    padding-left

  例1:

 1 <html> 2   <head> 3     <title>教育培训</title> 4     <style type="text/css"> 5       h2{font-weight:normal;} 6       p{margin:0px;padding:0px;font-size:16px;} 7       p{margin-bottom:3px;} 8       body{margin-left:15px;} 9       p a:link{color:blue;}10       p a:visited{color:blue;}11       #p1 a{text-decoration:none;color:#666;}12       #p1 a:hover{text-decoration:underline;}13       #p1 span,#p1 span a{color:green;}14       #p1 span a:hover{text-decoration:none;}15       span{color:red;}16       #p1{margin-bottom:20px;}17       .class1{font-size:12px;}18       19     </style>20   </head>21   <body>22     <h2>百度搜索结果页</h2>23     <p><a href="http://www.cdrtvu.com.cn/" target="block"><span>教育培训</span>,招生进行中,严格执行三必须政策|网络教育</a></p>24     <p ><span>教育培训</span>电大,严格执行三必须政策,招生进行中。成都广播电视大学创办于1979年,是教育部批准独立设置的成教高等学校。25     </p>26     <p id="p1" ><span><a href="#">www.cdrtvu.com.cn</a> 2016-03</span> - <a href="#">推广</a> - <a href="#">评价</a></p>27     28     <p ><a href="#">品牌<span>教育培训机构</span> 快速提分 首选卓越教育</a></p>29     <p >成都<span>教育培训</span>18年成功教学+300名优质名师+50项实力认证,3个月可提高50到80分!成都<span>教育培训</span>补习,万千家长推荐认可品牌,价格合理,教学过硬,赶紧来预约吧!30     </p>31     <p id="p1" ><span><a href="#">cd.zy.com</a> 2016-03</span> - <a href="#">推广</a> - <a href="#">评价</a></p>32     33     <p><a href="#">四川<span>教育培训</span>加盟,教育加盟好项目,低风险,保盈利安全可回购。</a></p>34     <p >四川<span>教育培训</span>加盟,投资安全可回购,全国多家加盟店全部盈利 8大全方位扶持助您轻松当校长四川教育培训加盟,标准化体系保障,一站式全程服务,360度运营支持。35     </p>36     <p id="p1" ><span><a href="#">bd.bj-guomao.com</a> 2016-03</span> -<a href="#"> 推广</a> - <a href="#">评价</a></p>37     38     <p><a href="#"><span>教育培训</span>--中国少儿口才考级2016招募分点</a></p>39     <p >权威部门扛鼎!!全国青少儿普通话与口才培训考级项目2016全新上线。40     </p>41     <p id="p1" ><span><a href="#">zs.91pth.com</a> 2016-03</span> - <a href="#">推广</a> - <a href="#">评价</a></p>42     43     <p><a href="#"><span>教育培训</span>,<span>教育培训</span>低投入,网点遍布全国</a></p>44     <p >热点: <span>教育培训</span>优势: 网点遍布全国 | 解决后顾之忧 | 7大保障<span>教育培训</span>全国知名品牌,免费领取内部加盟指南。教育培训,7年教学经验,网点遍布全..45     </p>46     <p ><span>教育培训</span>机构招商<span>教育培训</span>学校加盟教育培训加盟<span>教育培训</span>机构加盟</p>47     <p id="p1" ><span><a href="#">www.51eduol.com</a> 2016-03</span> - <a href="#">推广</a> - <a href="#">评价</a></p>48   </body>49 </html>

原标题:HTML+CSS Day06 超链接的样式与搭配

关键词:HTML

*特别声明:以上内容来自于网络收集,著作权属原作者所有,如有侵权,请联系我们: admin#shaoqun.com (#换成@)。