位置:首页 > 软件操作教程 > 编程开发 > CSS > 问题详情

CSS 进框属性简写border

提问人:刘团圆发布时间:2020-11-18

    border简写属性在一个声明中设置所有的边框属性,可以按顺序设置如下属性:

    •border-width;

    •border-style;

    •border一color0

    如果不设置其中的某个值,也不会出问题,比如border:solid #ff0000也是允许的。但是这样并不会显示边框,因为少了宽度。宽度为0的情况下,边框是不会显现出来的。

    下面使用两种方法实现边框。

    【例题】设置边框属性

<!DOCTYPE html>

<html>

<head>

<meta charset="UTF-8">

<title>Document</title>

<style>

.border1{

width: 200px;

height: 200px;

border-width: 20px 10px 15px 5px;

border-style:solid dashed dotted;

border-color:red #00ff00 rgb(0,0,255);

}

.border2{

width: 200px;

height: 200px;

border:solid green 20px;

}

</style>

</head>

<body>

<div></div>

<div></div>

</body>

</html>

image.png

继续查找其他问题的答案?

相关视频回答
回复(0)
返回顶部