要设置边框样式，请使用 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>