打开APP
userphoto
未登录

开通VIP,畅享免费电子书等14项超值服

开通VIP
代码做外边框和内边框
代码做外边框和内边框
这款背景的代码如下:
<TABLEstyle="BORDER-RIGHT: #440022 8pxdashed; BORDER-TOP: #440022 8pxdashed; BORDER-LEFT: #440022 8pxdashed; WIDTH: 500px; BORDER-BOTTOM: #440022 8px dashed; HEIGHT: 91px"borderColor=#eeff88 cellSpacing=15cellPadding=20 width=500 align=center bgColor=#440022 border=10>
<TBODY>
<TR>
<TD></TD></TR></TBODY></TABLE>
代码说明:
代码中四个粉色的六位数,是四条齿形边的颜色,蓝色的六位数是里面那条细边框的颜色,绿色六位数是文章背景的颜色。我这两款背景与齿形边框选的是同色,您也可以选不同色,只要协调就行。这样利用颜色代码,您就可以装扮您的文章背景了。
1、外框主代码
<TABLE style="BORDER-RIGHT: #00ffff10px ridge; BORDER-TOP: #00ffff 10px ridge; BORDER-LEFT: #00ffff10px ridge; BORDER-BOTTOM: #00ffff 10px ridge;BACKGROUND-COLOR:#0aa297"cellSpacing=0>
<TBOD><TR><TD><TABLEborder=1><TBODY><TR><TD><TABLEborder=1><TBODY><TR><TD><TABLEborder=1><TBODY><TR><TD>
这里写文字,随着文字增多,边框自动延长。也可加背景
图片的代码
</TD></TR></TBODY></TABLE>
解析:①BORDER-RIGHT: #00ffff 10px ridge;BORDER-TOP: #00ffff 10px ridge; BORDER-LEFT: #00ffff 10px ridge;BORDER-BOTTOM: #00ffff为左右上下四个边框的颜色控制属性,
#00ffff是颜色代码,你自己可以代换;②BACKGROUND-COLOR:#0aa297为框内颜色属性;③cellSpacing=0为内外框距离,此处没有外框,设定为0
内外框组合
我以四个内框为例:
<TABLEstyle="BORDER-RIGHT: #00ff00 10px ridge;
BORDER-TOP: #00ff00 10pxridge; BORDER-LEFT:
#00ff00 10px ridge;BORDER-BOTTOM: #00ff00
10px ridge;BACKGROUND-COLOR: #ccff00"cellSpacing=2>
<TBODY>
<TR>
<TD>
<TABLEborder=1>
<TBODY>
<TR>
<TD>
<TABLEborder=1>
<TBODY>
<TR>
<TD>
<TABLEborder=1>
<TBODY>
<TR>
<TD>
<TABLEborder=1>
<TBODY>
<TR>
<TD>
这里写文字,随文字增多,边框逐渐放大。可加入背景图片代码等。
</TD></TR></TBODY></TABLE>
双层边框代码:
<TABLE style="WIDTH: 650px; HEIGHT:178px" cellSpacing=5 borderColorDark=#9400d3 cellPadding=20width=743 borderColorLight=#ff4500 border=20>
<TBODY>
<TR>
<TD width="100%">
<DIV align=center>
<TABLE cellSpacing=5 borderColorDark=#ff4500cellPadding=0 width="100%" borderColorLight=#9400d3border=12>
<TBODY>
<TR>
<TD width="100%">
<P align=center><FONTsize=7>内容</FONT></P></TD></TR></TBODY></TABLE></DIV></TD></TR></TBODY></TABLE>
<P></P>
<TABLE borderColor=#8O0000 cellSpacing=15cellPadding=0 width="100%" bgColor=#ffb6C1border=10>
<TBODY>
<TR>
<TD><FONTcolor=#0000ff>输入内容</FONT></TD>
<TR>
<TD><FONTcolor=#0000ff>输入内容</FONT></TD></TR></TBODY></TABLE>
输入内容
行列合并6行3列代码:
<Palign=center><TABLE style="WIDTH:660px; HEIGHT: 315px" borderColor=#ff0000 cellSpacing=15cellPadding=0 width=660 bgColor=#000000border=10>
<TBODY>
<TR>
<TD>&nbsp;</TD>
<TD>&nbsp;</TD>
<TD>&nbsp;</TD>
<TR>
<TD>&nbsp;</TD>
<TD>&nbsp;</TD>
<TD>&nbsp;</TD>
<TR>
<TD>&nbsp;</TD>
<TD>&nbsp;</TD>
<TD>&nbsp;</TD>
<TR>
<TD>&nbsp;</TD>
<TD>&nbsp;</TD>
<TD>&nbsp;</TD>
<TR>
<TD>&nbsp;</TD>
<TD>&nbsp;</TD>
<TD>&nbsp;</TD>
<TR>
<TD>&nbsp;</TD>
<TD>&nbsp;</TD>
<TD>&nbsp;</TD></TR></TBODY></TABLE>
题目
文编辑:
<TABLE style="POSITION:relative; BORDER-BOTTOM-STYLE: dashed; BORDER-RIGHT-STYLE: dashed;WIDTH: 680px; BORDER-TOP-STYLE: dashed; BORDER-LEFT-STYLE: dashed;LEFT: 0px; Top-sTYLe: dashed" border=9 cellSpacing=0borderColor=#60475b cellPadding=0 width=680align=center>
<TBODY>
<TR>
<TD>
<TABLE border=7 cellSpacing=5 borderColor=#60475bcellPadding=1 width=680 bgColor=#9c7294align=center>
<TBODY>
<TR>
<TD bgColor=#60475b>
<DIV align=center>
<DIV style="FILTER: glow(color=#e4DC9B, strength=5);WIDTH: 177px; HEIGHT: 73px">
<Palign=center><STRONG><FONTsize=0><FONT style="LINE-HEIGHT:normal; FONT-VARIANT: normal; FONT-STYLE: normal; FONT-SIZE: 50pt;FONT-WEIGHT: normal" color=#dc143cface=华文行楷>题目</FONT></FONT></STRONG></P></DIV><FONTcolor=#dc143csize=4>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</FONT></DIV>
<P align=center><FONTcolor=#8fbc8f size=4face=楷体_GB2312><U>文编辑:</U></FONT></P>
<Palign=center>&nbsp;</P>
<Palign=center>&nbsp;</P>
<Palign=center>&nbsp;</P>
<Palign=center>&nbsp;</P>
<TABLE style="BORDER-BOTTOM: #9c7294 8px dotted;BORDER-LEFT: #9c7294 8px dotted; WIDTH: 465px; HEIGHT: 200px;BORDER-TOP: #9c7294 8px dotted; BORDER-RIGHT: #9c7294 8px dotted"border=0 cellSpacing=0 borderColor=#000000 cellPadding=0width=465>
<TBODY>
<TR>
<TD width="100%">
<P dir=ltralign=center>&nbsp;</P></TD></TR></TBODY></TABLE>
<P>&nbsp;</P>
<Palign=center><STRONG><FONTsize=4>&nbsp;</FONT></STRONG></P></TR>
<TBODY>
<TR>
<TD></TD></TR></TBODY></TABLE></TD></TR></TBODY></TABLE></TD></TR></TBODY></TABLE>
本站仅提供存储服务,所有内容均由用户发布,如发现有害或侵权内容,请点击举报
打开APP,阅读全文并永久保存 查看更多类似文章
猜你喜欢
类似文章
【热】打开小程序,算一算2024你的财运
自制的空间日志边框(一)
打造初级音画边框
三款红色生日音画边框
一款简单实用的边框代码
寒烟音画边框《精编边框》四款边框、并附:代码《第二篇》
日志边框【素材】
更多类似文章 >>
生活服务
热点新闻
分享 收藏 导长图 关注 下载文章
绑定账号成功
后续可登录账号畅享VIP特权!
如果VIP功能使用有故障,
可点击这里联系客服!

联系客服