css对div设置边框(cssdiv边框设置教程)

css对div设置边框(cssdiv边框设置教程)

首页维修大全综合更新时间:2024-04-17 19:05:18

css对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、打开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代码,然后使用浏览器打开,即可看到浏览器页面上显示一个实线边框。

大家还看了
也许喜欢
更多栏目

© 2021 3dmxku.com,All Rights Reserved.