200字范文,内容丰富有趣,生活中的好帮手!
200字范文 > web初探-css-设置超链接样式

web初探-css-设置超链接样式

时间:2023-12-26 11:04:19

相关推荐

web初探-css-设置超链接样式

使用 CSS 伪类别来设置超链接样式

链接的四种状态:

a:link:普通的、未被访问的链接

a:visited:用户已访问的链接

a:hover:鼠标指针位于链接的上方

a:active:链接被点击的时刻

可以:

a:link{...}

这样,设置属性,它也是一种选择器

创建按钮式超链接

就是对颜色边框等设置,模拟出来的按钮效果

代码:

<style type = "text/css">a:LINK,a:VISITED {color: #A6;padding: 4px 10px 4px 10px;background-color: #DDD;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: #CCC;border-top: 1px solid #717171;border-left: 1px solid #717171;border-bottom: 1px solid #EEEEEE;border-right: 1px solid #EEEEEE;}</style>

本内容不代表本网观点和政治立场,如有侵犯你的权益请联系我们处理。
网友评论
网友评论仅供其表达个人看法,并不表明网站立场。