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