本文摘自PHP中文网,作者php中世界最好的语言,侵删。
这次给大家带来怎样操作a标签的默认样式,操作a标签的默认样式的注意事项有哪些,下面就是实战案例,一起来看一下。代码如下:
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 | a:link {
font-size: 12px;
color: #000000;
text-decoration: none;
}
a:visited {
font-size: 12px;
color: #000000;
text-decoration: none;
}
a:hover {
font-size: 12px;
color: #999999;
text-decoration: underline;
}
|
这样定义样式表就可以实现你的功能了,不会样式表的话,可以把下面的代码加到你的页面中<head></head>标签里:
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 | <style type= "text/css" >
<!--
a:link {
font-size: 12px;
color: #000000;
text-decoration: none;
}
a:visited {
font-size: 12px;
color: #000000;
text-decoration: none;
}
a:hover {
font-size: 12px;
color: #999999;
text-decoration: underline;
}
-->
</style>
|
相信看了这些案例你已经掌握了方法,更多精彩请关注php中文网其它相关文章!
相关阅读:
怎样实现手机自适应网页的大小
如何使用HTML的title属性
如何实现textarea的文本转为html即回车换行
以上就是怎样操作a标签的默认样式的详细内容,更多文章请关注木庄网络博客!
相关阅读 >>
css边框样式如何定义
css如何去掉滚动条样式
在xhtml中的标题标签与段落标签有哪些使用方法
html的i标签有什么作用
html表格标签
javascript怎么修改style样式
css常见样式
html 基础
html标签失效怎么办
react怎么渲染html标签
更多相关阅读请进入《样式》频道 >>
人民邮电出版社
本书对 Vue.js 3 技术细节的分析非常可靠,对于需要深入理解 Vue.js 3 的用户会有很大的帮助。——尤雨溪,Vue.js作者
转载请注明出处:木庄网络博客 » 怎样操作a标签的默认样式