大家好！今天让小编来大家介绍下关于如何在同一个网页设置两种超链接样式？CSS如何设置超链接的问题，以下是小编对此问题的归纳整理，让我们一起来看看吧。
文章目录列表:
默认超链接有下划线,cursor:pointer为手型鼠标指针,通常超链接为蓝色,使其外观看起来像超链接,代码如下：span{color:#00F;text-decoration:underline;cursor:pointer}《span》长得像超链接的span标签《/span》其中,做链接如下：1、先做“书签” 涂黑“第一段”==》点“插入”菜单==》书签==》输入名如“一”==》“添加”2、做“链接”涂黑“1、AA”==》点“插入”菜单==》点“超级链接”==》点左边“本文档中的位置”==》双击右窗格“书签”==》选“一”==》确定这样目录的“1、AA”就和“第一段”链接上了,分别套用topcs和news样式： 《a href=“1.html“ class=“news“》1《/a》《a href=“2.html“ class=“topcs“》1《/a》CSS如何设置超链接如果想要在外部样式表中定义的话,如何在同一个网页设置两种超链接样式 使用css样式即可。
如何在同一个网页设置两种超链接样式
使用css样式即可，方法如下： 1、在网页头部《head》《/head》直接放置以下代码：《style type=“text/css“》a.topcs:link {font-size: 12px;color: #000000;text-decoration: none;}a.topcs:visited {font-size: 12px;color: #000000;text-decoration: none;}a.topcs:hover {font-size: 12px;color: #FF0000;text-decoration: none;}a.news:link {font-size: 12px;color: #000000;text-decoration: none;}a.news:visited {font-size: 12px;color: #000000;text-decoration: none;}a.news:hover {font-size: 12px;color: #FF0000;text-decoration: none;}《/style》 2、在网页主体建立超链接，分别套用topcs和news样式： 《a href=“1.html“ class=“news“》1《/a》《a href=“2.html“ class=“topcs“》1《/a》
CSS如何设置超链接
如果想要在外部样式表中定义的话，需要用户自定义的id偶不喜欢说术语，举个例子吧：在样式表中定义：A:link.s1{color:green}A:link.s2{color:red}...其中s1，s2都是你自定义的在网页中如果想要你的超链接为绿色《divclass=“s1“》加入超链接《/div》同理，只需将class属性设置为你定义的id即可----------------------补充-----------------------------我认为应该是这样滴~~~A:link.p1{font-family:Verdana,“宋体“;font-size:12px;}:hover.p1{color:red}
怎么使用实现超级链接的样式
可以通过css来改变span的样式，使其外观看起来像超链接，代码如下：
span{color:#00F;text-decoration:underline;cursor:pointer}《span》长得像超链接的span标签《/span》
其中，color为文字颜色，通常超链接为蓝色；text-decoration:underline为下划线，默认超链接有下划线；cursor:pointer为手型鼠标指针，与超链接默认指针样式相同。
在WORD里如何把目录设成超链接样式
举个例子吧：目录：1、AA2、BB正文：1、第一段2、第二段=========================如上面是文章，做链接如下：1、先做“书签” 涂黑“第一段”==》点“插入”菜单==》书签==》输入名如“一”==》“添加”2、做“链接”涂黑“1、AA”==》点“插入”菜单==》点“超级链接”==》点左边“本文档中的位置”==》双击右窗格“书签”==》选“一”==》确定这样目录的“1、AA”就和“第一段”链接上了！2和第二段类推。
以上就是小编对于如何在同一个网页设置两种超链接样式？CSS如何设置超链接问题和相关问题的解答了，如何在同一个网页设置两种超链接样式？CSS如何设置超链接的问题希望对你有用！
