如何使用css,把div设置为一个椭圆容器,在做html页面开发时,我们一般都是使用div来做容器的,如果你需要一个椭圆形的容器,我们可以使用div来实现的,下面来看一下。......
css链接的相关样式
链接的样式可以分为未被访问的链接、已被访问的链接、鼠标指针移动到链接上的链接和正在被点击的链接。
工具/原料
- phpstorm
- html
- css
方法/步骤
为演示方便,这里使用的是内联样式表,推荐大家使用外部样式表,方便后期维护。
一、首先链接默认是有下划线的,那么怎么去除下划线呢。使用text-decoration:none;就可以了,通过下图可以看到,第二个链接没有了下划线。
下面使用的是内部样式表
二、未被访问的链接
这里我们可以使用伪类选择器:link来控制链接的样式,效果如图所示:
三、已被访问的链接
未被访问的链接使用伪类选择器:visited来控制,由于只是演示所以链接href值传的是#,不会跳转网页,效果如图所示:
四、鼠标悬停在链接上时
未被访问的链接使用伪类选择器:hover,效果如图:
五、正在被点击的链接
未被访问的链接使用伪类选择器:active,效果如图:
注意事项
- 当为链接的不同状态设置样式时,请按照以下次序规则: a:hover 必须位于 a:link 和 a:visited 之后 a:active 必须位于 a:hover 之后
以上方法由办公区教程网编辑摘抄自百度经验可供大家参考!
相关文章
- 详细阅读
- 详细阅读
-
HTML5创作工具,MAKA 2.0史上最全操作指南详细阅读
HTML5创作工具,MAKA 2.0史上最全操作指南,超过15000种模板组合。还怕你没有发挥的空间吗?MAKA(中文:码卡)作为中国最早推出移动端卡片式交互模式的创新者,随着HTML5技术的日渐成熟......
2023-03-16 434 HTML