在CSS中定义【导航栏】超链接样式1、案例css代码
1. <style>
2. .divcss5 a:link{ :#F00}/* 链接默认为红⾊ */
3. .divcss5 a:hover{ color:#000}/* ⿏标悬停⿊⾊ */
4. .divcss5 a:active{ color:#03F}/* ⿏标点击与释放时蓝⾊ */
5. .divcss5 a:visited{ color:#F0F}/* 访问过为粉红 */
6. /* divcss5对象内 a超链接设置样式 */
7. </style>
2、案例html代码
1. <div class="divcss5">
2. DIVCSS5关于
3. <a href="www.divcss5/shili/s57.shtml">CSS a样式</a>案例
4. </div>
===================
⾃⼰的案例,
/*导航栏*/
.menu a:link{ color:white}/* 链接默认为⽩⾊ */
.menu a:hover{ color:red}/* ⿏标悬停⽩⾊ */
.menu a:active{ color:yellow}/* ⿏标点击与释放时⽩⾊ */
css鼠标点击样式.menu a:visited{ color:black}/* 访问过为⽩⾊ */
以上是css⽂件
<ul class="menu" id="menu">
<li ><a href=>⾸页</a></li>
<li ><a href=>公司介绍</a></li>
<li ><a href=>资讯美⽂</a></li>
<li ><a href=>装修⼯地</a></li>
<li ><a href=>商品展⽰</a></li>
<li class="banner_li" ><a href=>优秀员⼯</a></li>
</ul>
版权声明:本站内容均来自互联网,仅供演示用,请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198,我们将在24小时内删除。
发表评论