如何设置span和div的边框和背景色

发布网友

我来回答

共3个回答

热心网友

1、设置边框和背景色需要使用css的border和background属性。具体的用法是，首先打开html编辑器，在空白的html文件中，新建一个div和span标签，并在上方head里设置style标签：

2、接着在style标签中设置span和div的标签，首先给它们宽度和高度，接着给他们设置不同颜色，最后设置边框border，border属性的3个值分别代表边框宽度，边框样式，边框颜色：

3、其中边框样式有点线，虚线，双线，实线等不同类别，具体样式在下图中均已列出，可根据自己的喜好选择，这里设置span的边框样式为dashed，div的为solid：

4、最后打开浏览器，就可以看到设置好的效果了。以上就是设置span和div的边框和背景色的方法介绍：

热心网友

可以用border-color属性设置span和div的边框颜色，用background属性控制span和div的背景颜色。

1、新建html文档，在body标签中添加div标签，然后在div标签中添加一些span标签：

2、添加style标签并定义一个类，为这个类设置border-color属性，属性值为边框的颜色，然后将这个类引用到div和span标签上，这时div和span就被添加上了边框颜色：

3、为之前设置的类添加background属性，属性值为背景颜色，这时div和span就被添加上了背景颜色：

热心网友

1、
<span style="border:1px; background:#FFF"></span>
<div style="border:1px; background:#FFF"></div>

2、
<style type="text/css">
#top{}
#top span{width:200px;height:200px; border:1px; background:#FFF}
#top div{width:200px;height:200px; border:1px; background:#999999}
</style>

<div id="top">
<span></span>
<div></div>
</div>

看得懂？追问谢了、看的懂、