CSS --轮廓

CSS轮廓是绘制元素周围的一条线,位于边框边缘的外围。

outline属性规定元素轮廓的样式、颜色和宽度等等。

<!DOCTYPE html>
<html>
<head>
    <meta http-equiv="Content-Type" content="text/html" charset="utf-8">
    <title> This is my HTML</title>
    <style type="text/css">
        /***solid表示实线、thin表示细线、red表示线的颜色***/
        /***dotted表示由点构成的虚线、thick表示粗线***/
        p {border: solid thin red;
            outline: #00ff00 dotted thick;
            }
    </style>
</head>
<body>
    <p>
        线框是红色的实细线,轮廓是实、粗虚线。
    </p>
</body>
</html>


你可能感兴趣的:(CSS --轮廓)