html文字段落加边框线,html给文字加边线框的代码

一：单线框代码如下：

style="BORDER-RIGHT: #ff0000 3px solid; BORDER-TOP: #ff0000 3px

solid; BORDER-LEFT: #ff0000 3px solid; BORDER-BOTTOM: #ff0000 3px

solid">文字内容

效果：

文字内容

二：双线框代码如下：

style="BORDER-RIGHT: green 5px double; BORDER-TOP: green 5px

double; BORDER-LEFT: green 5px double; BORDER-BOTTOM: green 5px

double">文字内容

效果：

文字内容

三：凸出框代码如下：

style="BORDER-RIGHT: #ff88ff 25px outset; BORDER-TOP: #ff88ff 25px

outset; BORDER-LEFT: #ff88ff 25px outset; BORDER-BOTTOM: #ff88ff

25px

outset">文字内容

效果：

文字内容

四：邮票框代码如下：

style="BORDER-RIGHT: #f6ae56 3px dashed; BORDER-TOP: #f6ae56 3px

dashed; BORDER-LEFT: #f6ae56 3px dashed; BORDER-BOTTOM: #f6ae56 3px

dashed" cellSpacing=5 cellPadding=0

bgColor=#f6ae56>

align=middle

bgColor=#aeffae>文字内容

效果：

文字内容

五：虚线框代码如下：

style="BORDER-RIGHT: #ff0000 4px dashed; BORDER-TOP: #ff0000 4px

dashed; BORDER-LEFT: #ff0000 4px dashed; BORDER-BOTTOM: #ff0000 4px

dashed">文字内容

效果：

文字内容

六：凹槽框代码如下：

style="BORDER-RIGHT: green 25px groove; BORDER-TOP: green 25px

groove; BORDER-LEFT: green 25px groove; BORDER-BOTTOM: green 25px

groove">文字内容

效果：

文字内容