老校友 - Powered by Discuz! Board

免費論壇

繁體 | 簡體

Sclub交友聊天~加入聊天室當版主

(檢舉)

分享

標題: 【代码更新】用小挂饰做对称花边框 [打印本頁]

作者: rainbow 時間: 2022-7-25 11:16 標題: 【代码更新】用小挂饰做对称花边框

本帖最後由 rainbow 於 2022-7-25 14:46 編輯

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

用小挂饰做对称花边框

代码：

<div align=center>
<DIV style="BORDER: darkred 6px double; WIDTH: 790px; background-color:背景颜色">
<TABLE style="BACKGROUND-REPEAT: repeat-y" cellSpacing=0 cellPadding=0 width=800 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>

作者: rainbow 時間: 2022-7-25 11:19

挂饰 01 复制开始

大标题

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

挂饰 01 复制结束

挂饰 02 复制开始

大标题

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

挂饰 02 复制结束

挂饰 03 复制开始

大标题

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

挂饰 03 复制结束

挂饰 04 复制开始

大标题

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

挂饰 04 复制结束

挂饰 05 复制开始

大标题

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

挂饰 05 复制结束

作者: rainbow 時間: 2022-7-25 11:19

挂饰 06 复制开始

大标题

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

挂饰 06 复制结束

挂饰 07 复制开始

大标题

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

挂饰 07复制结束

挂饰 08 复制开始

大标题

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

挂饰 08 复制结束

挂饰 09 复制开始

大标题

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

挂饰 09 复制结束

挂饰 10 复制开始

大标题

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

挂饰 10 复制结束

作者: rainbow 時間: 2022-7-25 11:20

本帖最後由 rainbow 於 2022-7-25 12:11 編輯

http://www.oldkids.cn/blog/view.php?bid=266281

https://blog.xuite.net/wanwanjudy27/happy/29546050

作者: rainbow 時間: 2022-7-25 15:55

大标题

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

歡迎光臨老校友 (http://boanson.orzweb.net/)

Powered by Discuz! 7.2