css outline.html

最新推荐文章于 2023-09-19 08:25:33 发布

学无止境慢慢来

最新推荐文章于 2023-09-19 08:25:33 发布

阅读量234

点赞数

分类专栏： CSS

原文链接：https://www.w3school.com.cn/cssref/pr_outline.asp

版权

CSS 专栏收录该内容

71 篇文章 0 订阅

订阅专栏

<!doctype html>
<html lang="en">
<head>
    <meta charset="utf-8">
    <title>css outline</title>
    <style>
        /*参考：https://www.w3school.com.cn/cssref/pr_outline.asp
        知识点：
        outline（轮廓）是绘制于元素周围的一条线，位于边框的外围，可起到突出元素的作用。
        注：轮廓线不会占据空间，也不一定是矩形。
        outline 简写属性在一个声明中设置所有的轮廓属性。
        可以按顺序设置如下属性：
        outline-color
        outline-style
        outline-width
        如果不设置其中的某个值，也不会出问题，比如 outline:solid #ff0000; 也是允许的。
        JavaScript 语法： object.style.outline="#0000FF dotted thin"
        值             描述
        outline-color  规定边框的颜色。参阅：outline-color 中可能的值。
        outline-style  规定边框的样式。参阅：outline-style 中可能的值。
        outline-width  规定边框的宽度。参阅：outline-width 中可能的值。
        inherit        规定应该从父元素继承 outline 属性的设置。*/
        p {
            border: blue solid thin;
            /*border: none;*/

            /*outline: #00ff00 dotted thick;*/
            outline: #00ff00 dashed thick;
            /*outline: 0;*/
            /*outline: none;*/
            width: 500px;
            text-indent: 32px;
        }
    </style>
</head>
<body>
<p>hello world!</p>
</body>
</html>

效果图：

学无止境慢慢来

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
css outline.html

<!doctype html><html lang="en"><head> <meta charset="utf-8"> <title>css outline</title> <style> /*参考：https://www.w3school.com.cn/cssref...
复制链接

扫一扫

专栏目录