hi,你好!欢迎访问本站!登录
本站由简数采集腾讯云宝塔系统阿里云强势驱动
当前位置:首页 - HTML - 正文 请牢记本站网址www.sosophp.cn

css虚线款式怎样去掉【html5教程】

2019-11-26HTML搜搜PHP网57°c
A+ A-
当超链接变成运动状况或取得核心时,链接四周会涌现一条虚线,以区分于其他链接,这是超链接的默许行动。它基本上是虚线表面,不会像边框那样影响四周的元素。想要去掉css虚线款式,我们能够运用CSS属性"outline:none;"来完成。

下面我们连系简朴的实例,为人人引见怎样去掉css虚线款式。

代码示例以下:

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="utf-8">
    <title>运用CSS删除虚线表面</title>
    <style type="text/css">
        a, a:active, a:focus{
            outline: none; /* *适用于Firefox,Chrome,IE8及以上版本* */
 }
    </style>
</head>
<body>
<div class="menu">
    <a href="#">Home</a> | <a href="#">About Us</a> | <a href="#">Contact</a>
</div>
</body>
</html>

outline (表面)是绘制于元素四周的一条线,位于边框边沿的外围,可起到凸起元素的作用。outline 属性设置元素四周的表面线。

解释:请一直在 outline-color 属性之前声明 outline-style 属性。元素只要取得表面今后才转变其表面的色彩。

解释:表面线不会占有空间,也不一定是矩形。


默许值为none。


本篇文章就是关于css虚线款式怎样去掉的引见,异常简朴易懂,愿望对新手小白们有所协助!

以上就是css虚线款式怎样去掉的细致内容,更多请关注ki4网别的相干文章!

  选择打赏方式
微信赞助

打赏

QQ钱包

打赏

支付宝赞助

打赏

  选择分享方式
  移步手机端
css虚线款式怎样去掉【html5教程】

1、打开你手机的二维码扫描APP
2、扫描左则的二维码
3、点击扫描获得的网址
4、可以在手机端阅读此文章