可以用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、打开html开发工具,新建一个html代码页面,然后创建一个<div>标签,并给这个标签添加文字和一个class为了solid。
创建<div>代码:<div >solid: 定义一个边框</div>
2、设置线条边框。创建<style>标签,然后在这个标签里设置solid类的样式为实线边框。
css样式代码:
<style type="text/css">
.solid{
border-style:solid;
border-width:1px;
}
</style>
3、保存html代码,然后使用浏览器打开,即可看到浏览器页面上显示一个实线边框。