1、新建一个HTML页面
2、在HTML的<body>中写上<div>标签，打开浏览器会有对应的效果图
3、内部嵌套css或者外部引用css文件（一般外部引用），给div增加样式，可以统一设置边框样式
4、也可以分别设置边框样式
1div上边加1px黑色边框\x0d\x0adiv{border-top:1pxsolid#000}\x0d\x0a\x0d\x0a2给div底部加边框\x0d\x0adiv{border-bottom:2pxdashed#F00}\x0d\x0a\x0d\x0a3在div盒子左侧加边框\x0d\x0a.divcss5{border-left:1pxsolid#00F}\x0d\x0aDIV代码：\x0d\x0a此DIV盒子左侧为1px实线蓝边框\x0d\x0a\x0d\x0a4在盒子div右侧加边框\x0d\x0adiv{border-right:1pxsolid#F00}\x0d\x0a\x0d\x0a5在盒子上下加边框\x0d\x0adiv{border-top:1pxsolid#000border-bottom:1pxsolid#000}\x0d\x0a\x0d\x0a6给div盒子左右加边框\x0d\x0adiv{border-left:2pxdashed#0F0border-right:2pxdashed#0F0}\x0d\x0a\x0d\x0a7给一个DIV四边加上3px实现黑色边框\x0d\x0a\x0d\x0adiv{border:3pxsolid#000}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条）