[CSS基础]在一个网页中使用多种不同链接风格的CSS.

最新推荐文章于 2021-08-03 22:58:12 发布
转载 最新推荐文章于 2021-08-03 22:58:12 发布 · 1.5k 阅读 · 0
文章标签：

#css #class

博客介绍了CSS自定义伪类的相关内容，给出了.toplink a等伪类的样式定义，包括颜色、文本装饰等，还展示了如何通过<td class=\topLink\>来引用自定义的伪类。

(http://community.youkuaiyun.com/Expert/topic/3256/3256680.xml?temp=.1132166)

定义自己的伪类：

.toplink a {
 color: #FFFFFF;
 text-decoration: underline;}
.topLink a:hover {
 color: #FFFFFF;
 text-decoration: underline;}
.topLink a:visited {
 color: #FFFFFF;
 text-decoration: underline;}
.topLink a:active {
 color: #FFFFFF;
 text-decoration: underline;font-weight: bold;
}


用<td class="topLink">引用

前端超链接伪类：四个状态不同的切换，
知识改变命运，ヾ(◍°∇°◍)ﾉﾞ【求关注】
01-01 1652
<!DOCTYPE html> <html> <head> <meta charset="{CHARSET}"> <title>Css选择器</title> <style type="text/css"> /**未访问状态*/ a:link{color:blue;} /**已访问状...
HTML+CSS项目实践七：同一个HTML页面，在不同浏览器上的显示效果不一样！解决HTML页面的浏览器兼容问题
热门推荐
王迪
12-29 1万+
表象问题：同一个HTML页面，在不同浏览器上的显示效果不一样。 问题分析：由于浏览器的内核不一样，每个浏览器对标签的解释都有自己的规则，因而会造成显示效果不一样，称之为浏览器不兼容。对浏览器兼容问题，一般分，HTML，Javascript兼容，CSS兼容。 其中html相关问题比较容易处理，无非是高版本浏览器用了低版本浏览器无法识别的元素，导致其不能解析，所以平时注意一点就是。   1、浏览...
如何在同一个页面内使用不同的超级链接，如何定义这类CSS。
liuxinbmx的专栏
06-13 1862
如果你已经在网页内使用了一个外部的CSS，例如上述的，定义超级链接平时为黑色，只有在鼠标经过的时候为红色。可是这时候客户要求有个别的超级链接，需要平时为绿色，鼠标经过的时候变成蓝色，这可怎么办？下面我就教给大家。　　我你的CSS中关于超级链接的那一段代码Copy到你需要做第二个超级链接的网页内，例如a:link {color: #000000;text-decoration: none;}a:vi
DIV+CSS布局网页页面实现多风格选…
thewebcode
07-03 235
1. styleswitcher.js function setActiveStyleSheet(title) { var i, a, main; for(i=0; (a = document.getElementsByTagName_r("link")[i]); i++) { if(a.getAttribute("rel").indexOf("style") != -1 &am...
anchor伪类 CSS链接的不同状态以不同的方式显示
weixin_34397291的博客
10-09 253
实例 a:link {color:#FF0000;} /* 未访问的链接 */ a:visited {color:#00FF00;} /* 已访问的链接 */ a:hover {color:#FF00FF;} /* 鼠标划过链接 */ a:active {color:#0000FF;} /* 已选中的链接 */ 注意：在CSS定义中，a:hover 必须被置于 a:lin...
css控制链接不同的样式
02-26 547
a:link {color: #FF0000} /* 未访问的链接 */ a:visited {color: #00FF00} /* 已访问的链接 */ a:hover {color: #00FF00} /* 鼠标移动到链接上 */ a:active {color: #00FF00} /* 选定的链接 */
如何利用CSS给同一个网页中的超链接设置设置不同的样式？
weixin_30410999的博客
06-21 255
用css中的类。比如<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-si...
制作一个简单HTML旅游网站（HTML+CSS+JS）无锡旅游网页设计与实现面.md
08-10
本项目中使用CSS实现了多种效果，例如： - **布局设计**: 使用了`div`元素和`float`属性来实现区块布局。例如，可以通过设置`div`的`class`属性来应用特定的样式，如`<div class="content">`。 - **文本样式**: ...
使用HTML和css来完成的个人网页.zip
06-03
在本项目中，"使用HTML和CSS来完成的个人网页.zip" 包含了构建一个基本个人网站所需的所有资源。这个压缩包展示了如何利用这两种关键技术来设计和开发一个功能丰富的网页。HTML（HyperText Markup Language）是网页...
制作一个简单HTML校园网页（HTML+CSS）学校网站制作 校园网站设计.md
08-10
在校园网页设计中，可以使用DIV容器来组织不同的内容区块，并借助CSS来定义它们的位置、大小、颜色等样式属性。这种方式不仅能够让网页布局更加灵活，还能确保跨浏览器的一致性。 #### 实例应用 以个人介绍页面为例...
基于HTML+CSS制作一个简单的家乡网页制作作业，广州介绍旅游网页设计代码 学生个人html静态网页制作成品代码
08-10
### 一、网页介绍 #### 1. **网页简介** - 该网页是一个学生个人主页的设计案例，采用HTML与CSS技术实现布局和样式。它适用于作为web前端课程的期末大作业，或作为大学生网页设计课程的作业提交。网页整体风格...
HTML+CSS+JS网页设计经典案例.pdf
最新发布
09-06
HTML+CSS+JS网页设计经典案例涵盖了多种不同的应用场景和风格，以下是一些经典案例的概述： 1. 登录与注册页面 案例描述： HTML结构：页面通常分为上下两部分，上部包含登录和注册链接，下部可能包含LOGO、导航栏...
CSS中定义多个链接样式,在CSS中定义【导航栏】超链接样式
weixin_29405191的博客
08-03 1535
1、案例css代码.divcss5a:link{color:#F00}/*链接默认为红色*/.divcss5a:hover{color:#000}/*鼠标悬停黑色*/.divcss5a:active{color:#03F}/*鼠标点击与释放时蓝色*/.divcss5a:visited{color:#F0F}/*访问过为粉红*//*divcss5对象内a超链接设置...
同一html页面中不同链接的不同样式
weixin_34191845的博客
03-02 996
超链接的样式有： a:link 链接未点击上去时候 a:visited 链接已经点击过的 a:hover 鼠标放在链接上未点击 a:active 是介于hover visited 之间的一个状态，可以说是链接被按下时候的状态 大家都知道想要设置统一的连接样式，只要在css文件中设置a:link,a:visited,ahover,a:active就行了。可以设置全局的连接样式。比如： ...
在同一页面超链接使用不同的样式
宋晓东的专栏
05-04 3416
第一种: 给a标签一个id或者class，然后在css里给id或class使用伪类 或者 css: xxx:link xxx:active xxx:visited xxx:hover 不同的a，给一个不同的id或者class，这样就可以不一样了，如果有部分是一样的，那么就使用相同的class； 但是记住id只能使用一个元素上； 虽然在ie里将id跟class一样使用不会显示错误，但是是
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值