html边框圆角化可以用css中的“border-radius”属性来实现。
1、新建html文档,在body标签中添加一个div标签,然后为这个div标签设置边框,这时默认情况下边框是直角:
2、为div标签设置“border-radius”属性,属性值为圆角半径大小,这时边框的四个顶角都会变成圆角:
3、为div标签设置“border-radius”属性,属性值分别对应边框的左上角、右上角、右下角和左下角,这时可以对每个顶角自定义设置圆角半径:
<ul style="list-style:noneborder:1px #FF0000 solidborder-radius: 4pxwidth:100px"><li>123456</li>
<li>1231544</li>
</ul>
用这种方法也行,在样式里面加上border-radius: 4px,这个就表示圆角;但这个是html5的标签;
欢迎分享,转载请注明来源:内存溢出
评论列表(0条)