CSS如何怎么设置div边框颜色宽度和高度？

边框颜色可以用“border-color”属性设置，边框宽度可以用“width”属性设置，边框高度可以用“height”属性设置。

1、新建html文档，在body标签中添加div标签，为这个标签添加一个类，类名这里以“demo”为例：

2、为“demo”类添加“border-color”属性，属性值为边框的颜色，这时div边框就被添加上了颜色：

3、为“demo”类添加“width”和“height”属性，属性值为宽度和高度的大小，这时div的宽度和高度就被设置好了：

CSS设置div边框颜色宽度和高度步骤如下：

1、新建一个html文件，创建一个类名为wrap的div。

2、先通过css类选择器选择到div来控制div的宽度和高度和背景颜色（没有边框时方便看出来div的大小）。

3、通过div 的border属性控制边框颜色，设置border的宽度为2px，线型为实线，颜色为蓝色。

4、这样就可以设置div边框颜色宽度和高度，如下图：

扩展资料：

css border属性：

border 简写属性在一个声明设置所有的边框属性。

可以按顺序设置如下属性：

border-width，border-style，border-color

如果不设置其中的某个值，也不会出问题，比如 border:solid #ff0000; 也是允许的。

1、首先打开html编辑工具，新建一个HTML文档，在文档中设置一个div标签，给标签一个class属性，设置属性值为div：

2、然后甚至divv的样式，这里div边框的宽度和高度是随着div的大小变动的，所以只要设置div的边框就可以了，至于颜色可以使用border-color属性设置。最后给div设置字体大小和一个背景色方便看效果：

3、最后打开浏览器，就可以看到设置好的div边框了。以上就是CSS如何设置div边框颜色宽度和高度的方法：