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

如何设置span和div的边框和背景色,第1张

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的边框和背景色的方法介绍:

<span>是对你的CSS文件进行样式的说明的,如果你定义了class style3的文字都是大小为12,字的色彩为红色的话。<span class="style3">就好像你定义<font size=12 color=red>abcd</font>是一样的。

可以为后半句单独设置css样式。

1、新建html文件,在body中添加p标签,这里内容以“窗前明月光,疑是地上霜。”为例,然后给后半句“疑是地上霜”添加span标签:

2、在head标签中添加style标签,然后给span标签设置“color”属性,属性值为“red”,这时后半句颜色就会变成红色:

3、继续给span标签设置“font-size”属性,属性值为“12px”,这时后半句的字体大小将会变成12号:


欢迎分享,转载请注明来源:内存溢出

原文地址: https://outofmemory.cn/zaji/7682378.html

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
上一篇 2023-04-08
下一篇 2023-04-08

发表评论

登录后才能评论

评论列表(0条)

保存