点击运行
<!DOCTYPE html> <html> <head> <style> body { text-align: center; } /* 四个值 */ p.four { border-style: dotted solid double dashed; } /* 三个值 */ p.three { border-style: dotted solid double; } /* 两个值 */ p.two { border-style: dotted solid; } /* 一个值 */ p.one { border-style: dotted; } </style> </head> <body> <h1>单独的边框</h1> <p class="four">四种不同的边框样式。</p> <p class="three">三种不同的边框样式。</p> <p class="two">两种不同的边框样式。</p> <p class="one">一种边框样式。</p> </body> </html>
运行结果
