span是行内元素,它占它自身大小的位置,而且不能设置宽高以及边距
同时div也可以变为span (display:inline),这样div将变为行内元素
span也可以变为div(display:block),这样span将变为块级元素,默认占一行,而且可以设置宽高
同时,两者要想实现既可以设置宽高,边距,又可以不占一行,则display:inline-block
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的边框和背景色的方法介绍:
欢迎分享,转载请注明来源:内存溢出
评论列表(0条)