公用欄目


Join the forum, it's quick and easy

公用欄目

【代码更新】用小挂饰做对称花边框

向下

 【代码更新】用小挂饰做对称花边框 Empty 【代码更新】用小挂饰做对称花边框

發表  rb1606 25.07.22 9:09


  由于浏览器和代码的不断升级,以前设计的代码很多都失效了,就如本帖原来代码里所用的镜像filte完全不起作用了,因此,必须改用新代码才能使两边的花边图案做到对称。

用小挂饰做对称花边框

代码:
<div align=center>
<DIV style="BORDER: darkred 6px double; WIDTH: 720px; background-color:背景颜色">
<TABLE style="BACKGROUND-REPEAT: repeat-y" cellSpacing=0 cellPadding=0 width=720 background=图片网址 bgcolor=背景颜色>
<TBODY>
<TR>
<TD width=图片宽度></TD>
<TD width=文字部分宽度>
<TABLE border=0 cellPadding=0 width="100%">
<TBODY>
<TR>
<TD style="Padding:20px; BORDER-LEFT: red 6px dotted; BORDER-RIGHT: red 6px dotted">
<p align=center>
<span style="text-shadow: 2px 2px 2px #ff0000; LINE-HEIGHT: 150%; font-weight:bold; FONT-FAMILY: 宋体; COLOR: white; FONT-SIZE: 30pt">大 标 题</DIV></p><BR>
<P align=left><FONT style="FONT-FAMILY: 黑体; FONT-SIZE: 16pt" color=#0000ff>宽度必须根据背景图片的尺寸调整……。 </FONT></P><BR><BR>
</TD></TR></TBODY></TABLE></TD>
<TD style="BACKGROUND-REPEAT: repeat-y; margin-left: 0px;transform: scaleX(-1);-webkit-transform: scaleX(-1);-moz-transform: scaleX(-1);-ms-transform: scaleX(-1);-o-transform: scaleX(-1);"  background=图片网址 width=图片宽度 align=right></TD></TR></TBODY></TABLE></DIV></div>
<BR><BR>



rb1606
rb1606

文章數 : 4191
注冊日期 : 2012-11-06

回頂端 向下

 【代码更新】用小挂饰做对称花边框 Empty 回復: 【代码更新】用小挂饰做对称花边框

發表  rb1606 25.07.22 10:26

大 标 题

宽度必须根据背景图片的尺寸调整……。
插入图片时必须注意图片宽度,不要超出中间部分允许的宽度,破坏边框的完整性。



rb1606
rb1606

文章數 : 4191
注冊日期 : 2012-11-06

回頂端 向下

 【代码更新】用小挂饰做对称花边框 Empty 回復: 【代码更新】用小挂饰做对称花边框

發表  rb1606 25.07.22 10:26

大 标 题

宽度必须根据背景图片的尺寸调整……。
此处插入图片宽度,不宜大于500,否则将破坏边框的完整性。


rb1606
rb1606

文章數 : 4191
注冊日期 : 2012-11-06

回頂端 向下

 【代码更新】用小挂饰做对称花边框 Empty 回復: 【代码更新】用小挂饰做对称花边框

發表  rb1606 25.07.22 16:10

大 标 题

宽度必须根据两边背景图片的尺寸调整……。此处图片最大宽度不得大于480px。



rb1606
rb1606

文章數 : 4191
注冊日期 : 2012-11-06

回頂端 向下

 【代码更新】用小挂饰做对称花边框 Empty 回復: 【代码更新】用小挂饰做对称花边框

發表  rb1606 25.07.22 19:17

大 标 题

宽度必须根据两边背景图片的尺寸调整……。此处图片最大宽度不得大于480px。



rb1606
rb1606

文章數 : 4191
注冊日期 : 2012-11-06

回頂端 向下

回頂端


 
這個論壇的權限:
無法 在這個版面回復文章