【网站制作视频教程】-第20讲 css控制文字及链接！-传智播客-优快云博客

本文链接：https://blog.youkuaiyun.com/web886521/article/details/7962182

本文介绍了网页设计中使用CSS实现链接变色效果的方法，并详细解释了如何通过CSS语法控制链接的不同状态，包括未访问、已访问、点击及鼠标悬停时的样式变化。同时，演示了如何使粗体文字显示删除线以及大写效果。

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

传智播客( http://icd.itcast.cn/)是一家网页平面设计培训学院，专注于网页设计培训，平面设计培训，fash培训，ui设计培训。

网页设计视频教程下载地址：http://icd.itcast.cn/icd/video.shtml?from=wl

在<head>和</head>之间加上如下的CSS语法控制：
<style type="text/css"> //也可以直接就写<style>

</style>

二、使粗体文字加上删除线。

粗体文字使用的代码是：B { text-decoration: line-through }

使粗体文字中所有的字母大写。使用代码： B { text-transform: uppercase }（这个在NS中才显示出来，IE没有相应效果显示）

三、产生链接变色效果：

经过在对链接的几个属性进行颜色设置后，可以使具有link,active,visited属性的链接显示不同的颜色，但是却不会产生鼠标覆盖变色效果。

四、看一下下面链接设置的总体运用情况：
<style type="text/css">

</style>