<!DOCTYPE html>
<
html
>
<
head
>
<
meta
charset
=
"utf-8"
>
<
style
>
p.none {border-bottom-style:none;}
p.dotted {border-bottom-style:dotted;}
p.dashed {border-bottom-style:dashed;}
p.solid {border-bottom-style:solid;}
p.double {border-bottom-style:double;}
p.groove {border-bottom-style:groove;}
p.ridge {border-bottom-style:ridge;}
p.inset {border-bottom-style:inset;}
p.outset {border-bottom-style:outset;}
</
style
>
</
head
>
<
body
>
<
p
class
=
"none"
>无下边框</
p
>
<
p
class
=
"dotted"
>点下边框</
p
>
<
p
class
=
"dashed"
>虚线下边框</
p
>
<
p
class
=
"solid"
>实线下边框</
p
>
<
p
class
=
"double"
>双线下边框</
p
>
<
p
class
=
"groove"
>凹槽下边框</
p
>
<
p
class
=
"ridge"
>垄状下边框</
p
>
<
p
class
=
"inset"
>嵌入下边框</
p
>
<
p
class
=
"outset"
>外凸下边框</
p
>
</
body
>
</
html
>