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

html-css038

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

很简单，利用span本身文字宽度自适应属性，和下边框厚度即可解决，再用padding设置下边框和文字之间的间距。代码已经过成功测试：

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "

<html xmlns="

<head>

<meta http-equiv="Content-Type" content="text/html charset=GB2312" />

<title>无标题文档</title>

<style type="text/css">

<!--

.border {

color: red

font-size: 16px

font-weight: bold

line-height: 28px

border-bottom: 3px solid red

padding-bottom: 3px

}

-->

</style>

</head>

<body>

<span class="border">2014持续高温.2014持续高温.2014持续高温.</span><br />

<span class="border">2014持续高温.持续高温.</span><br />

<span class="border">2014持续高温.2014持续高温.</span><br />

</body>

</html>