1、3边框复写（就是简写）

最新推荐文章于 2024-05-31 19:50:46 发布

这一片月

最新推荐文章于 2024-05-31 19:50:46 发布

阅读量147

点赞数

分类专栏：盒子模块文章标签： css html 前端

本文链接：https://blog.csdn.net/qq_62865634/article/details/127212744

版权

盒子模块专栏收录该内容

4 篇文章 0 订阅

订阅专栏

提示：css边框属性允许你指定一个元素边框样式和颜色。

简写：

div{

border：“2px solid red”

}

边框分开写法：
只想让边框上变颜色，就这样写：

border-top：“1px solid red”；

top 上

left 左

right 右

bottom 下

自己代码展示：

<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>边框简写</title>
    <style>
        div {
            width: 300px;
            height: 200px;
            border: 5px solid red;
            /* 这里复写就是简写 border边框意思、里面第一个表示边框粗细、第二个表示实线边框、第三个表示边框颜色 */
        }
    </style>
</head>

<body>
    <div></div>

</body>

</html>

显示结果：