如何只用HTML画出一个圆角的Table表格

如何只用HTML画出一个圆角的Table表格,第1张

<ul style="list-style:noneborder:1px #FF0000 solidborder-radius: 4pxwidth:100px">

<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(像素)宽厚的黑色虚线边框。


欢迎分享,转载请注明来源:内存溢出

原文地址:https://54852.com/zaji/5915420.html

(0)
打赏 微信扫一扫微信扫一扫 支付宝扫一扫支付宝扫一扫
上一篇 2023-03-08
下一篇2023-03-08

发表评论

登录后才能评论

评论列表(0条)

    保存