本帖最後由 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。
★底下“欢迎光临”区域可改为插入图片,但图片高度不得大于边角图片的高度。
|