声明:本例转自 《精通JavaScript+JQuery》
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<title> CSS 伪类 </title>
<meta name="Generator" content="EditPlus">
<meta name="Author" content="">
<meta name="Keywords" content="">
<meta name="Description" content="">
<style>
<!--
a{ /* 统一设置所有样式 */
font-family:Arial;
font-size:.8em;
text-align:center;
margin:3px;
}
a:link,a:visited{ /* 超链接正常状态、被访问过的样式 */
color:#A62020;
padding:4px 10px 4px 10px;
background-color:#ecd8db;
text-decoration:none;
border-top:1px solid #EEEEEE; /* 边框实现阴影效果 */
border-left:1px solid #EEEEEE;
border-bottom:1px solid #717171;
border-right:1px solid #717171;
}
a:hover{ /* 鼠标指针经过时的超链接 */
color:#821818; /* 改变文字颜色 */
padding:5px 8px 3px 12px; /* 改变文字位置 */
background-color:#e2c4c9; /* 改变背景颜色 */
border-top:1px solid #717171; /* 边框变换,实现"按下去"的效果 */
border-left:1px solid #717171;
border-bottom:1px solid #EEEEEE;
border-right:1px solid #EEEEEE;
}
-->
</style>
</head>
<body>
<a href="#">我是</a>
<a href="#">可爱的</a>
<a href="#">无敌的</a>
<a href="#">牛B的</a>
<a href="#">————</a>
<a href="#">分割线</a>
</body>
</html>
分享到:
相关推荐
CSS伪类集合集合了CSS2中所有的伪类
css伪类 超链接 连接的用法 描述 link的样式说明
CSS日常总结--CSS伪类
CSS伪类是用来添加一些选择器的特殊效果。 语法 伪类的语法: selector:pseudo-class {property:value;} CSS类也可以使用伪类: selector.class:pseudo-class {property:value;} anchor伪类 在支持 CSS 的浏览器中...
CSS中的伪类,其中讲的很清楚,不懂的同学可以参考
资料-项目4 穿搭速递-列表超链接CSS伪类.rar.rar
以前我还是比较忽视这两个家伙的,今天第一次见到原来伪类的好处这么多,以后会多多推荐CSS3伪类实现的效果 使用方法: 1、将head中的CSS样式引入到你的网页中 2、在你需要变成标签的html处增加class = ...
书写css伪类时冒号后多个空格导致该规则失效</title> <meta http-equiv=”Content-Type” content=”text/html;charset=gbk”/> <style type=”text/css”> a:link{color : gray;} a:visited{...
本教程简单的介绍一下关于CSS伪类:before, :after详解:before 伪元素在元素之前添加内容;after 伪元素在元素之后添加内容;有需要了解的朋友可以参考一下
伪类选择器:CSS中已经定义好的选择器,不能随便取名 :link 伪类将应用于未被访问过的链接,与:visited互斥。 :hover 伪类将应用于有鼠标指针悬停于其上的元素。 :active 伪类将应用于被激活的元素,如被点击的链接、...
css伪元素 长方体css伪元素 长方体css伪元素 长方体css伪元素 长方体css伪元素 长方体css伪元素 长方体css伪元素 长方体css伪元素 长方体css伪元素 长方体css伪元素 长方体css伪元素 长方体css伪元素 长方体css伪...
CSS 伪类用于向某些选择器添加特殊的效果。CSS 伪元素用于将特殊的效果添加到某些选择器。 可以明确两点,第一两者都与选择器相关,第二就是添加一些“特殊”的效果。这里特殊指的是两者描述了其他 css 无法描述的...
CSS伪类实现的鼠标滑动链接,是一个图片导航,在早期的DW中有专一制作本效果的插件,不过随着大家CSS水平的提高,现在做出这种效果好像得心应手了,因为这种果大家应该都挺喜欢的。
css伪类选择器对于大家来说最熟悉的莫过于:link,:focus,:hover之类的了,因为这些在平时中是常用到的伪类选择器,现在向大家介绍一下两种新增的Css3伪选择器。 1、UI元素状态伪类 我们把":enabled",":disabled",":...
W3C:“W3C” 列的数字显示出伪类属性由哪个 CSS 标准定义(CSS1 还是 CSS2)。 伪类 作用 IE F N W3C :active 将样式添加到被激活的元素 4 1 8 1 :focus 将样式添加到被选中的元素 – – – 2 :hover 当...
css: .s_type { border: none; border-radius: 5px; background-color: #f3f3f3; padding: 7px 0; color: #606266; margin: 5px 2.5% 5px 0; width: 30%; position: relative; } .selecd { background-...
...
...
css-click css 伪类 :click