精通 CSS+DIV 网页样式与布局 86

相濡以沫si

于 2016-12-08 20:19:38 发布

阅读量220

点赞数

CC 4.0 BY-SA版权

分类专栏： css+div 文章标签： css color

本文链接：https://blog.youkuaiyun.com/myjnt/article/details/53523721

css+div 专栏收录该内容

168 篇文章

订阅专栏

本文介绍了一种关于网页中使用CSS进行链接样式设置的方法，并展示了如何对不同状态下的链接应用不同的样式效果。此外，还提供了关于图片边框及列表样式的具体实现方式。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

leftpic a:link, #leftpic a:visited{

color:#006eb3;
text-decoration:none;
}

leftpic a:hover{

color:#000000;
text-decoration:underline;
}
img{
border:1px solid #0066b0;
margin-bottom:5px;
}
ul#list{
list-style-type:none;
margin:0px;
padding:5px 0px 5px 2px;
}
ul#list li{
line-height:18px;
}
ul#list li a:link{
color:#000000;
text-decoration:none;
}
ul#list li a:visited{
color:#333333;
text-decoration:none;
}
ul#list li a:hover{
color:#006eb3;
text-decoration:underline;
}
–>
</style>
</head>
<body id=”home”>
<ul id=”tabnav”>
<li class=”home”><a href=”8-9_home.html”>首页</a></li>
<li class=”news”><a href=”8-9_news.html”>新闻</a></li>
<li class=”sports”><a href=”8-9_sports.html”>体育</a></li>
<li class=”music”><a href=”8-9_music.html”>音乐</a></li>
<li class=”nextstation”><a href=”8-9_nextstation.html”>下一站</a></li>
<li class=”blog”><a href=”8-9_blog.html”>博客</a></li>
</ul>