css基础 设置超链接 正常状态、鼠标放在超链接上的状态、访问过的超链接的状态的样式
2017-02-16 10:40
459 查看
镇场诗:
清心感悟智慧语,不着世间名与利。学水处下纳百川,舍尽贡高我慢意。
学有小成返哺根,愿铸一良心博客。诚心于此写经验,愿见文者得启发。
——————————————————————————————————————————
code:
result:
——————————————————————————————————————————
博文的精髓,在技术部分,更在镇场一诗。编辑器 VS2015,浏览器 Firefox。
html+css+js,强,值得努力学习。我跟着传智播客的视频教程学习。
我是一个新手,所以如果博文的内容有可以改进的地方,甚至有错误的地方,请留下评论,我一定努力改正,争取成就一个良心博客。
注:此文仅作为科研学习,如果我无意中侵犯了您的权益,请务必及时告知,我会做出改正。
清心感悟智慧语,不着世间名与利。学水处下纳百川,舍尽贡高我慢意。
学有小成返哺根,愿铸一良心博客。诚心于此写经验,愿见文者得启发。
——————————————————————————————————————————
code:
<!DOCTYPE html> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"/> <title></title> <style type="text/css"> /*设置box块中的样式*/ .box { border:1px solid #00ffff; width:300px; padding:10px;/*内填充,同时给上下左右四条边加10px的内填充 */ } .box a:link, .box a:visited{/*设置超链接 正常与访问过的状态*/ color:brown; text-decoration:none;/*除去超链接的下划线*/ } .box a:hover{/*设置超链接 鼠标放上去的状态*/ color:blue; text-decoration:underline; } .box a.specialHyperlink:link, .box a.specialHyperlink:link{/*设置div中的a中的class=specialHyperlink的样式*/ font-size:20px; } </style> </head> <body> <!--超链接的四种状态--> <!--正常状态(:link)--> <!--鼠标放在超链接时候的状态(:hover)--> <!--鼠标点击超链接不放开时候的状态(:active)--> <!--按下鼠标左键并弹起(:visited)--> <div class="box"> <a href="#" class="specialHyperlink">博客首页</a> |<!--要对这个标记进行特殊处理--> <a href="#">个人简介</a> | <a href="#">最新动态</a> </div> </body> </html>
result:
——————————————————————————————————————————
博文的精髓,在技术部分,更在镇场一诗。编辑器 VS2015,浏览器 Firefox。
html+css+js,强,值得努力学习。我跟着传智播客的视频教程学习。
我是一个新手,所以如果博文的内容有可以改进的地方,甚至有错误的地方,请留下评论,我一定努力改正,争取成就一个良心博客。
注:此文仅作为科研学习,如果我无意中侵犯了您的权益,请务必及时告知,我会做出改正。
相关文章推荐
- css基础 设置超链接 正常状态、鼠标放在超链接上的状态、访问过的超链接的状态的样式
- CSS基础 a hover设置所有,鼠标移动到超链接文本处超链接变小
- 创建超链接及css 样式设置
- 用CSS设置超链接时的文字颜色、样式。
- css基础 设置所有h1标签的 文本颜色 对齐方式 边框样式 背景颜色
- 【Mac OS X开发】NSTextFieldCell选中和正常状态的字体段落样式设置
- CSS:自定义链接样式(设置链接不同状态下的字体颜色/背景色等)
- CSS超链接样式常见四种状态控制
- css基础 设置div 上下左右边框线的样式
- 如何利用CSS给同一个网页中的超链接设置设置不同的样式?
- css设置超链接样式
- css设置当前鼠标样式
- dreamweaver随记------dreamweaver中设置超链接不同状态时的样式
- css基础 设置div标签 宽度 边框线颜色样式 div中文本居中 div块在网页中居中 div中内容距边框线的距离
- css基础 设置div 上下左右边框线的样式
- 超链接的样式设置(html+css+jsp)
- css如何设置超链接样式
- CSS超链接样式常见四种状态控制
- css鼠标悬停时为其他标签设置样式
- css通过伪类来设置超链接样式附示例