html边框代码

更新时间:2023-04-18 00:16:31 阅读：评论：0

2023年4月18日发(作者：整人代码)html的边框设置
⽬录
理论知识：
边框的写法：
border: 边框的宽度样式颜⾊;
边框的四种样式：solid dashed dotted doub胖的成语 le
solid表土姓⽰细线 dashed表⽰线段组成树的英语怎么读的虚线 dotted表⽰圆点组成的虚线 double表⽰双线
边框的每⼀条边也可以单独设置，若要单独设置⼀条边不⼀样，在整体设置后，另外再设置那条边即可。
border-top，border-bottom，border-left，border-right就是边框的四条边
border-width：上下左右对边框的四条边的宽度进⾏设置
border-style：上下左右对边框的四条边的风格进⾏设置，就是上⾯的样式
border-color：上下左右对边民事合同框的四条边的颜⾊进⾏设置
上⾯的上下左右，若只写两个，则表⽰上下、左右各是⼀种；只写⼀个，就是四条边全部应⽤。
如果width:0px;height:0px; 会出现三⾓形
设置边框与内容的距离，我们⽤padding，表⽰内边距，和border⼀样，有上下左右
设置边框与边框的距离，我们⽤margin，表⽰外边距，和border⼀样，有祝福前女友的话上下左右
如果想⽂字和标题都被边框包裹，则要设3层div，每个div都要设边框
span之间有空格或换⾏会在⽹页上出现空格
元素的宽/⾼：border+padding+width
元素空间的宽/⾼：border+padding+margin+width
内容的宽/⾼：width/height
在设置宽⾼的时候⼀定要把上⾯的这些都算进去，别设错了
⽰例⼀：简单边框

背景图⽚的定位练习