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也是允许的。

css设置div宽高按照10/1显示，无论这个div的宽怎么变化，div的高都会是宽的十分之一，这就是 aspect-ratio 的作用，例如下面这个例子

假如说div的内容已经高于div显示的高度，那么div会根据内容的高度来显示，也就是说最小高度是宽度的十分之一，最高的就是按照内容的高度走

假如说就想跟着比例走，即使内容超出比例的高度，那该怎么做呢？很简单，加上 min-height:0 就可以了，这样就可以让高度不根据内容计算了，而是固定的数值

如果我们同时设置width和height，则aspect-ratio就不起作用了，就完全按照width和height设置的值显示

假如我们设置了最大的宽度时300px，因为是块状元素，宽度是展开一行的，并且高度是按照比例走的，那么高度就是30px

假如我们在标签上用width或者height属性， aspect-ratio 的优先级也是低的，例如:

最后结果还是按照标签属性上的width和height显示宽高，而不是 aspect-ratio 设置的1/1比例

综上所述， aspect-ratio 的优先级是最低的，不过确实好用

1.新建网页文件。

2.在head里插入<style type="text/css">#area { width:300pxheight:20px}</style>，表示设置输入文本框宽度为300像素，高度为20像素。

3.在body里插入<input type="text" id="area" />，表示定义一个输入文本框，启用area样式。

4.在IE里测试，查看效果。

---