標題: 【代码更新】用小挂饰做对称花边框
rainbow
註冊會員

帖子 4340
註冊 2013-7-1
用戶註冊天數 3961
發表於 2013-7-1 15:37 
14.199.142.250
分享  私人訊息  頂部

【代码更新】

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

用小挂饰做对称花边框

代码:

<div align=center>
<DIV style="BORDER: darkred 6px double; WIDTH: 900px; background-color:背景颜色>
<TABLE style="BACKGROUND-REPEAT: repeat-y" cellSpacing=0 cellPadding=0 width=900 background=图片网址>
<TBODY>
<TR>
<TD style="Padding:0px" 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="Padding:0px; 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>



[ 本帖最後由 rainbow 於 2022-7-25 15:17 編輯 ]


rainbow
註冊會員

帖子 4340
註冊 2013-7-1
用戶註冊天數 3961
發表於 2013-7-1 15:39 
14.199.142.250

挂饰 01 复制开始

大 标 题


宽度必须根据背景图片的尺寸调整……。



挂饰 01 复制结束

 

 

挂饰 02 复制开始

大 标 题


宽度必须根据背景图片的尺寸调整……。


挂饰 02 复制结束

 

 

挂饰 03 复制开始

大 标 题


宽度必须根据背景图片的尺寸调整……。









挂饰 03 复制结束

 

 



挂饰 04 复制开始

 

大 标 题


宽度必须根据背景图片的尺寸调整……。



 

挂饰 04 复制结束

 

 

挂饰 05 复制开始

大 标 题


宽度必须根据背景图片的尺寸调整……。



挂饰 05 复制结束

 

 

[ 本帖最後由 rainbow 於 2022-7-23 12:55 編輯 ]


rainbow
註冊會員

帖子 4340
註冊 2013-7-1
用戶註冊天數 3961
發表於 2013-7-1 15:46 
14.199.142.250

挂饰 06 复制开始

大 标 题


宽度必须根据背景图片的尺寸调整……。


挂饰 06 复制结束

 

 

挂饰 07 复制开始

大 标 题


宽度必须根据背景图片的尺寸调整……。



挂饰 07复制结束

 

 

挂饰 08 复制开始

大 标 题


宽度必须根据背景图片的尺寸调整……。


挂饰 08 复制结束

 

 

挂饰 09 复制开始

大 标 题


宽度必须根据背景图片的尺寸调整……。


挂饰 09 复制结束

 

 

挂饰 10 复制开始

大 标 题


宽度必须根据背景图片的尺寸调整……。


挂饰 10 复制结束

 

 

[ 本帖最後由 rainbow 於 2022-7-23 14:04 編輯 ]


rainbow
註冊會員

帖子 4340
註冊 2013-7-1
用戶註冊天數 3961
發表於 2013-7-1 15:47 
14.199.143.179


rainbow
註冊會員

帖子 4340
註冊 2013-7-1
用戶註冊天數 3961
發表於 2022-7-25 15:51 
14.199.140.108

大 标 题


宽度必须根据背景图片的尺寸调整……。