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

html-css010

CSS如何怎么设置div边框颜色宽度和高度,第1张

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

<table><tr> <td></td></tr>1.把<td>改成<td style="border:1px solid red">border后面的第一个参数是边框像素，第二个是边框样式（solid：实线）,第三个是边框的颜色2.通过外部css改变td｛ border:1px solid red｝ 如果你是要在网页中动态的改变边框样式的话，一般配合javascript来实现（比如开始边框颜色为黑色，把鼠标放上去变为红色）

我们用 CSS 的 border 属性来定义元素边框的样式、宽度和颜色。例如：

border:1px solid #eee　（这是定义4个边框都为1px 灰色实线边框）

如果想定义4个边框为不同的样式，那么我们用以下4个属性分别定义：

1. border-top（上边框）2. border-right（右边框）

3. border-bottom（下边框） 4. border-left（左边框）

例如：

border-top:1px solid #ccc

border-right:1px solid #ddd

border-left:1px solid #eee

border-bottom:0 none

（这种写法是为了兼容浏览器，推荐使用！）