编辑您的代码：提交代码

​x
 
1
2
3
<html>
4
<head>
5
<style type="text/css">
6
p
7
{
8
border-style:solid;
9
}
10
p.none {border-left-style:none}
11
p.dotted {border-left-style:dotted}
12
p.dashed {border-left-style:dashed}
13
p.solid {border-left-style:solid}
14
p.double {border-left-style:double}
15
p.groove {border-left-style:groove}
16
p.ridge {border-left-style:ridge}
17
p.inset {border-left-style:inset}
18
p.outset {border-left-style:outset}
19
</style>
20
</head>
21
​
22
<body>
23
<p class="none">No left border.</p>
24
<p class="dotted">A dotted left border.</p>
25
<p class="dashed">A dashed left border.</p>
26
<p class="solid">A solid left border.</p>
27
<p class="double">A double left border.</p>
28
<p class="groove">A groove left border.</p>
29
<p class="ridge">A ridge left border.</p>
30
<p class="inset">An inset left border.</p>
31
<p class="outset">An outset left border.</p>
32
</body>
33
</html>
34
          

查看结果：

请在上面的文本框中编辑您的代码，然后单击提交按钮测试结果。w3c0.com

W3c0.com 提供的内容仅用于培训。我们不保证内容的正确性。通过使用本站内容随之而来的风险与本站无关。W3c0 简体中文版的所有内容仅供测试，对任何法律问题及风险不承担任何责任。 当使用本站时，代表您已接受了本站的使用条款和隐私条款。版权所有，保留一切权利。 鲁ICP备15022115号