常用的边框属性

常用的边框属性

葡萄

<!DOCTYPE html>
<html>
<head lang="en">
    <meta charset="UTF-8">
    <title>常用的边框属性</title>
    <style>
        img{
            border-width: 3px;
            /*solid:实线 dotted：点线 dashed：虚线 double：双实线*/
            border-style: solid;
            border-color: red;
        }

        img{
            /*上下左右  top bottom left right*/
            border-bottom-width: 5px;
            border-bottom-style: dotted;
            border-bottom-color: black;
        }

        img{
            border-top-width: 5px;
            border-top-color: blueviolet;
            border-top-style: dashed;
        }

        /*简写形式*/
        img{
            border-left: 5px dotted blue;
        }

        img{
            border-right: 5px double palevioletred;
        }
    </style>

</head>
<body>
    <img src="../文件/grape.jpg" alt="葡萄">
</body>
</html>

　　

posted @ 2017-02-14 16:06  john。  阅读(373)  评论(0)  编辑  收藏  举报