怎样在css里做点边框

在CSS中添加边框并不难，我们可以使用border属性来实现。border属性需要设置三个值：边框宽度，边框样式和边框颜色。

/*例子*/border: 1px solid black;
    

上面的代码会创建一个1像素宽的黑色实线边框。现在，我们逐个解释这个代码：

/*边框宽度*/border-width: 1px;
    /*边框样式*/border-style: solid;
    /*边框颜色*/border-color: black;
    

上面的代码等同于我们之前的border属性。如果只需要设置其中一个值，我们可以只写该值。例如，如果我们只需要一条红色的实线边框：

border: 1px solid red;
    

还有一些其他的边框样式可以使用，例如虚线、圆角等等。下面是一些不同的边框样式：

/*虚线*/border: 1px dashed black;
    /*圆角*/border-radius: 5px;
    /*圆角加阴影*/border: 1px solid black;
    border-radius: 5px;
    box-shadow: 0 0 5px rgba(0, 0, 0, 0.5);
    

现在你已经知道如何在CSS中添加边框了。根据需要设置边框宽度、颜色和样式，然后就可以创建漂亮的边框了。

声明：本文内容由网友自发贡献，本站不承担相应法律责任。对本内容有异议或投诉，请联系2913721942#qq.com核实处理，我们将尽快回复您，谢谢合作！