前端二十七:四彩边框

最新推荐文章于 2021-06-30 07:55:12 发布

请叫我大虾

最新推荐文章于 2021-06-30 07:55:12 发布

阅读量277

点赞数

分类专栏：前端

本文链接：https://blog.csdn.net/m0_37564426/article/details/90757315

版权

前端专栏收录该内容

41 篇文章

订阅专栏

单独为每一条边框设置对应的属性

<!doctype html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Document</title>
    <style>
        div{
            width: 200px;
            height: 200px;
            
            border: 5px solid #000;  /*连写*/
            /* border-bottom: 5px solid yellow 单条边框也可以连写*/

            border-top-color: red; 
            border-bottom-color: yellow; 
            border-left-color: blue;
            border-right-color: pink;

            }
         
    </style>
</head>
<body>
     <div>
        奥特曼大战怪兽!!
    </div> 
</body>
</html>