当前位置:编程学习 > html/css >>

如何简化边框的CSS代码

border-top-width: 0px; border-right-width: 1px; 怎么将这css段代码最大限度的简化? border-bottom-width: 0px; border-left-width: 1px; border-top-style: solid; border-right-style: solid; border-bottom-style: solid; border-left-style: solid; border-top-color: #0099FF; border-right-color: #0099FF; border-bottom-color: #0099FF; border-left-color: #0099FF;
答案:border-left: 1px solid #0099FF;border-right: 1px solid #0099FF;
或者
border:1px solid #0099FF;border-top:none;border-bottom:none;
其他:border-top:0px solid #0099ff;
border-bottom:0px solid #0099ff;
border-left:1px solid #0099ff;
border-right:1px solid #0099ff;
再次简化:
border:0px solid #0000FF;
border-width:0px 1px; border:1px solid #09f; boder-width:0 1px

嘿嘿 颜色都给你简化了 最后一个css还可以去掉分号!

上一个:关于html和css,请问如何修改一下代码,让表格的第一行不显示边框呢? <table border="1" cellspacing="0"
下一个:我有个关于CSS编码的问题,是li和ul标签,请问以下代码如何变成横向?

CopyRight © 2022 站长资源库 编程知识问答 zzzyk.com All Rights Reserved
部分文章来自网络,