CSS中通过四个伪类来定义链接的样式,分别是:
a:link 链接默认的样式
a:visited 链接已被访问过时的样式
a:hover 鼠标悬浮在链接上的样式
a:active 点击链接时候的样式
一般定义这四种样式的是“LVHA”的顺序来写样式,不然可能出现样式覆盖问题;
定义class样式一般分两种,一种在a标签上,一种在a标签外面,实例如下:
<style type="text/css">LVHAaaa a:link{color:red;text-decoration:none;font-size:14px;}
aaa a:visited{color:yellow;text-decoration:none;font-size:14px;}
aaa a:hover{color:blue;text-decoration:none;font-size:14px;}
aaa a:active{color:green;text-decoration:none;font-size:14px;}
</style>
<div class="aaa"><a href="#">在a标签外的标签加class</a></div><br />
<style type="text/css">LVHA
abbb:link{color:red;text-decoration:none;font-size:14px;}
abbb:visited{color:yellow;text-decoration:none;font-size:14px;}
abbb:hover{color:blue;text-decoration:none;font-size:14px;}
abbb:active{color:green;text-decoration:none;font-size:14px;}
</style>
<a href="#" class="bbb">在a标签加</a>这样写就可以了(假设类为classname):
divclassname a{样式设置}
补充其他:
divclassname a:link{样式设置}
divclassname a:visited{样式设置}
divclassname a:hover{样式设置}
divclassname a:active{样式设置}
解决思路:
按钮属于控件级的对象,优先级比较高,所以不能象或文本一样直接加链接,只能通过按钮的单击事件调用脚本的方式来实现。
具体代码实现如下:
1、若直接在本页跳转到新的页面,实例测试源代码如下:
2、页面展示如下:
3、执行实例,点击打开窗口,运行结果如下:
4、如果需要打开一个新的页面进行跳转,实例测试源代码如下:
5、此时页面展示如下:
6、执行代码,结果如下:(将百度也载入)
css 控制超链接和控制其他标签一样,能控制宽高字体伪类等等属性。
超链接的跳转地址在 a标签里面href属性控制,比如<a href='>
html中使用 <link rel="stylrsheet" type="text/css" href="路径" /> 来引入外部css文件,其中路径为外部css文件的路径
div标签很好写吧 <div></div>
新建一个CSS样式,在类型中选择CSS选择器。选中a:link,颜色设置为:#ff00ff ,确定 。
选中a:visited,不用设置。
a:hover颜色设置为: #ff0000
a:active颜色设置为:#006666。
你
欢迎分享,转载请注明来源:内存溢出
评论列表(0条)