使用CSS设置边框的样式
要设置边框样式,请使用 border-style属性。border-style属性允许您选择以下边框样式之一:
无: 无边框
实线: 边框是一条实线。
点状: 边框是一系列点。
虚线: 边框是一系列短线。
double:边框是两条实线。
凹槽:边框看起来像刻在页面上。
脊: 边框看起来与凹槽相反。
插图: 边框使框看起来像嵌入在页面中。
开始:边框使框看起来像是从画布中出来的。
隐藏:除在表格元素的边界冲突解决方面,其他均与否相同。
示例
您可以尝试运行以下代码来设置边框的样式:
<html>
<head>
</head>
<body>.
<p style = "border-width:4px; border-style:none;">
This is a border with none width.
</p>
<p style = "border-width:4px; border-style:solid;">
This is a solid border.
</p>
<p style = "border-width:4px; border-style:dashed;">
This is a dashed border.
</p>
<p style = "border-width:4px; border-style:double;">
This is a double border.
</p>
<p style = "border-width:4px; border-style:groove;">
This is a groove border.
</p>
</body>
</html>热门推荐
3 祝福语简短的微信
10 幼儿祝福语大全简短贺卡
11 感谢教官文案祝福语简短
12 鼠年同事祝福语简短创意
13 元旦祝福语 简短独特群发
14 妈咪跟我生日祝福语简短
15 给儿子新婚祝福语简短
16 伴娘祝福语长文案简短
17 恭喜高考完祝福语简短
18 生日祝福语送老公简短