CSS 里面border边框细线 叠加

html-css013

CSS 里面border边框细线 叠加,第1张

方法1 第一个div的宽度是100px 加上边框,那么第二个div设置margin-left=-1让两个边框重叠

方法2 直接设置border的颜色值 比如#E3E3E3这样的浅色看起来就不太明显

方法3 border-right,border-top:none 然后外面套一个div设置border:1px

div+css只是一种写法

并不是不能用表格

改用表格写的还是要用的

毕竟table有很多实用的样式

只是如果用table布局的话浏览器解析起来会很慢

用div+css比较灵活一些而已

你说的这个线可以使用border来做

具体做法是

把这条线

当做一个标签的左边框

设置边框的像素大一些

边框就粗了

default,就是块级元素都自上而下的分布,宽度都为100%。内联元素都从左到右水平分布。div、p、table、img 等元素都可以设置为浮动。两个 div 显示在一行的代码如下:

div{

width:200px

height:400px

border:2px red solid

float:left

}层模型有三种形式:

(1)绝对定位(position: absolute)

div{

width:200px

height:400px

border:2px red solid

position:absolute

left:100px

top:50px

}

(2)相对定位(position: relative)

(3)固定定位(position: fixed)

层模型中,各元素可能出现堆叠。堆叠顺序可以用z-index控制,z-index大者在上。z-index相同时,根据CSS声明顺序,靠后者在上。