
<li>123456</li>
<li>1231544</li>
</ul>
用这种方法也行,在样式里面加上border-radius: 4px,这个就表示圆角;但这个是html5的标签;
html边框圆角化可以用css中的“border-radius”属性来实现。
1、新建html文档,在body标签中添加一个div标签,然后为这个div标签设置边框,这时默认情况下边框是直角:
2、为div标签设置“border-radius”属性,属性值为圆角半径大小,这时边框的四个顶角都会变成圆角:
3、为div标签设置“border-radius”属性,属性值分别对应边框的左上角、右上角、右下角和左下角,这时可以对每个顶角自定义设置圆角半径:
border是控制对象的边框边线宽度、颜色、虚线、实线等样式CSS属性。以缩写方式写上、下、左、右边框单独CSS样式设置方法
1、1px黑色虚线上边框
border-top:1px
dashed
#000
2、1px黑色实线下边框
border-bottom:1px
solid
#000
3、1px黑色虚线左边框
border-left:1px
dashed
#000
4、1px黑色实线右边框
border-right:1px
solid
#000
通常使用主流浏览器兼容边框样式有:
1、实线边框:solid
Border:1px
solid
#000
设置对象1px(像素)宽厚的黑色实线边框。
2、虚线边框:dashed
Border:1px
dashed
#000
设置对象1px(像素)宽厚的黑色虚线边框。
欢迎分享,转载请注明来源:内存溢出
微信扫一扫
支付宝扫一扫
评论列表(0条)