CSS如何怎么设置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也是允许的。

原理：

先给父级<div>设置宽度（像素）

然后再子<div>里，设置百分比，如图示。

代码原件：

复制到<body></body>之间使用即可。

1、新建一个html文件，命名为test.html，用于讲解jquery怎么设置div高度。

2、在test.html文件内，引入jquery.min.js库文件，成功加载该文件，才能使用jquery中的方法。

3、在test.html文件内，使用div标签创建一个模块，并使用css设置其宽度为50px，背景颜色为红色。

4、在test.html文件内，设置div标签的class属性为mydiv，主要用于下面通过该class来得div对象。

5、在test.html文件内，使用button标签创建一个“设置div高度”按钮，给button按钮绑定onclick点击事件，当按钮被点击时，执行editheight()函数。

6、在js标签中，创建editheight()函数，在函数内，使用$符获得div元素对象，再使用jquery中的css()方法，设置height高度属性，例如，设置height为200px即可。

欢迎分享，转载请注明来源：内存溢出

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