526互联

5.18

发布时间 2023-06-11 11:13:46作者: 一个不会起名字的人

今天学习了css的轮廓.

<html><!DOCTYPE html>

<html>

<head>

<meta charset="utf-8">

<title>W3Cschool教程(w3cschool.cn)</title>

<style>

    p {border:1px solid red;}

    p.dotted {outline-style:dotted;}

    p.dashed {outline-style:dashed;}

    p.solid {outline-style:solid;}

    p.double {outline-style:double;}

    p.groove {outline-style:groove;}

    p.ridge {outline-style:ridge;}

    p.inset {outline-style:inset;}

    p.outset {outline-style:outset;}

</style>

</head>

<body>

 

    <p class="dotted">一个点线轮廓</p>

    <p class="dashed">一个虚线轮廓</p>

    <p class="solid">一个实线轮廓</p>

    <p class="double">一个双边轮廓</p>

    <p class="groove">一个3D沟槽轮廓</p>

    <p class="ridge">一个3D脊边轮廓</p>

    <p class="inset">一个3D嵌入轮廓</p>

    <p class="outset">一个3D突出轮廓</p>

    <p><b>注意:</b> 如果只有一个!DOCTYPE指定IE8支持 outline属性。</p>

</body>

</html>