CSS 边框属性 

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <style>
        .c1{
            width: 300px; #宽
            height: 300px; #高
            /*border-width: 1px;*/ #边框宽度
            /*border-style: dashed;*/ #边框样式（虚线）
            /*border-color: green;*/ #边框颜色
            /*solid实线 dashed虚线*/
            /*border:red 10px solid;*/ #缩写
            /*top bottom left right*/
            border-right:red 10px solid; #仅显示右边框线
            border-left:red 10px solid;
            border-bottom-right-radius: 60%; #边框半径右下
            border-top-right-radius: 60%; #边框半径左下
            font-size: 60px; #字体大小
            text-align: center; #水平居中
            line-height: 300px; #垂直居中
        }
    </style>
</head>
<body>

<div class="c1"> < </div>

</body>
</html>

 

posted @ 2022-05-28 16:44  呼长喜  阅读(42)  评论(0)    收藏  举报