重庆分公司,新征程启航
为企业提供网站建设、域名注册、服务器等服务
.wrap li:last-child{ border-right:none;} 吧最后一个li的border-right的border去掉。。。但是兼容不好,ie好像是ie9以上的浏览器才行~~
成都创新互联公司专业IDC数据服务器托管提供商,专业提供成都服务器托管,服务器租用,德阳服务器托管,德阳服务器托管,成都多线服务器托管等服务器托管服务。
不行还有一种方法li给border,通过margin-left:-1px;合并border,具体如下
body,ul{
margin:0;
padding:0;}
li{
list-style:none;}
.wrap{
width:385px;
height:39px;
overflow:hidden;
border-left:1px
solid
#0000f0;
margin:30px
auto;}
.wrap
li{
width:76px;
height:37px;
line-height:37px;
text-align:center;
border:1px
solid
#0000f0;
float:left;
margin-left:
-1px;
}
妙味
妙味
妙味
妙味
妙味
演示:
如果大盒子套小盒子,可以这样:
div style="position:relative; width:400px; height:300px; background-color:yellow"
div style="position:absolute; bottom:0; left:50px; width:300px; height:150px; background-color:red"/div
/div
如果两个盒子是独立的,则可以这样:
div style="width:400px; height:300px; background-color:yellow"/div
div style="position:relative; top:-150px; left:50px; width:300px; height:150px; background-color:red"2/div
其实有N多种方式实现,上述只是其中的一两种
一般情况是内联样式级别最高,内嵌其次,外部最低,如果同一元素在三个样式中都有设定则为多重样式的情况
在选择器的情况下,内联样式的权重是1000,ID选择器的权重是100,class选择器的权重是10.标签选择器的权重是1,
如果权重相同则使用就近原则,后大于前
在同一组属性设置中标有“!important”规则的优先级最大