免費論壇 繁體 | 簡體
Sclub交友聊天~加入聊天室當版主
分享
返回列表 發帖

边角边框

本帖最後由 rainbow 於 2021-1-12 22:19 編輯

大标题

  代码;
<div align="center">
<div style="width:780px; border:10px #800000 double" align="center">
<table cellspacing="0" cellpadding="0" width="100%" align="center" bgcolor="#ffffff">
<tbody><tr>
<td style="padding:10px; width:120px">
<p align="center"><img src="左上角边角图片网址" alt"左上角" width="100" border="0"></p>
</td>
<td style="padding:10px; width:480px">
<p align="center"><span style="FONT: bold 60px/140% kaiti; COLOR: #cc0033; letter-spacing:10px">大标题</span></p>
</td>
<td style="padding:10px; width:120px">
<p align="center"><img src="右上角边角图片网址" alt"右上角" width="100" border="0"></p>
</td></tr>
<tr>
<td colspan="3" style="width:100%">
<p style="padding-left:30px; padding-right:30px" align="left">
<span style="FONT: bold 30px/140% kaiti; COLOR: #cc0033">文字开始……。</span><br><br></p>
</td>
</tr>
<tr>
<td style="padding:10px; width:120px">
<p align="center"><img src="左下角边角图片网址" alt"左下角" width="100" border="0"></p>
</td>
<td>
<p align="center"><span style="FONT: bold 60px/140% kaiti; COLOR: #cc0033; letter-spacing:10px">欢迎光临</span></p> </td>
<td style="padding:10px; width:120px">
<p align="center"><img src="右下角边角图片网址" alt"右下角" width="100" border="0"></p>
</td></tr></tbody></table></div></div><br><br>


欢迎光临

  说明:
  这是早年在“三华论坛”的帖子,由于电脑硬件、软件、代码和浏览器的“改朝换代”,过去使用的所有滤镜代码已经不能用了,所以做边角边框时,必须准备4个边角图片,再不能用flipv代码实现镜像效果,故此再编辑出新一套适合目前网络使用的代码。这套代码还使用“跨列”(colspan)属性,使可填入文字、图片的区域宽度更宽了。(2018年1月30日修改)

  ★以上代码中红色数字须根据边角图片尺寸调整。

  ★在文字区域插图的话,图片宽度不宜大于700px。

  ★底下“欢迎光临”区域可改为插入图片,但图片高度不得大于边角图片的高度。



本帖最後由 rainbow 於 2021-1-12 22:18 編輯

边角边框00 复制开始

大标题

文字开始……。

欢迎光临

边角边框00 复制结束



边角边框 01 复制开始

大标题

文字开始……。

边角边框 01 复制结束



边角边框 02 复制开始

大标题

文字开始……。

blog_20130308170600400472.gif

边角边框 02 复制结束



边角边框 03 复制开始

大标题

文字开始……。

欢迎光临

边角边框 03 复制结束



边角边框 04 复制开始

大标题

文字开始……。

photo_20120416132904863319.gif

边角边框 04 复制结束



边角边框 05 复制开始

大标题

文字开始……。

边角边框 05 复制结束



边角边框 06 复制开始

大标题

文字开始……。

边角边框 06 复制结束



边角边框 07 复制开始

大标题

文字开始……。

欢迎光临

边角边框 07 复制结束



边角边框 08 复制开始

大标题

文字开始……。

欢迎光临

边角边框 08 复制结束



边角边框 09 复制开始

大标题

文字开始……。

边角边框 09 复制结束



边角边框 10 复制开始

大标题

文字开始……。

边角边框 10 复制结束



TOP

返回列表