通过css来设计网页对联，根据自己的需求来自定义对联文字及颜色以及显示位置等属性。
<html>
<head>
<meta http-equiv="content-Type" content="text/html;charset=gb2312">
<meta name="keywords" content="武鸣人网站,武鸣信息网,武鸣本地网,武鸣信息资源平台,减肥,健身,励志,励志语录,js特效,网页特效,www.wuming.ren">
<meta name="description" content="欢迎来到武鸣人信息资源平台，各种信息免费发布，资源共享合作共赢，分享互联网流行的励志语录经典短句，减肥健身健康小常识及打卡记录，收集各种js特效代码。">
<title>用css来实现网页对联显示效果_武鸣人</title>
<style>
<!--
.font{ font-family: 隶书; font-size: 36pt; color: #000000; font-weight: bold; background-color: #FF0000 }
.font1{ font-family: 隶书; font-size: 36pt; color: #000000; font-weight: bold }
-->
</style>
</head>
<body>
<a href="https://www.wuming.ren">武鸣人</a>，各种信息资源免费发布，分享励志语录经典短句，减肥健身常识，各种js特效代码。网站很好记住，wuming.ren(武鸣拼音.ren域名后缀)<hr>
<!--欢迎来到武鸣人信息资源平台，各种信息免费发布，资源共享合作共赢，分享互联网流行的励志语录经典短句，减肥健身健康小常识及打卡记录，收集各种js特效代码。-->
<script type="text/javascript" src="https://www.wuming.ren/ad/tc.js"></script>
<script type="text/javascript" src="https://www.wuming.ren/ad/a.js"></script>
<div style="position: absolute; top: -1; left: 184; width: 85; height: 103; font-size: 64pt; color: red">◆</div>
<div style="position: absolute; top: 12; left: 198; width: 43; height: 43;filter:flipv" class=font1>福</div>
<div style="position: absolute; top: -2; left: 498; width: 85; height: 103; font-size: 64pt; color: red">◆</div>
<div style="position: absolute; top: 12; left: 513; width: 49; height: 48;filter:flipv" class=font1>福</div>
<div style="position: absolute; top: 80; left: 217; width: 320; height: 386; font-size: 240pt; color: red">◆</div>
<div style="position: absolute; top: 152; left: 292; width: 160; height: 160; font-size: 120pt; font-family: 隶书">武</div>
<div style="position: absolute; top: 10; left: 120; width: 527; height: 388">
<table border="0" cellpadding="0" cellspacing="0" width="527" height="231">
<tr>
<td height="21" width="46"></td>
<td height="21" width="449">
<p align="center"><span class=font>武鸣人</span></td>
<td height="21" width="51"></td>
</tr>
<tr>
<td height="211" width="46" align="center" class="font">
<p align="center">
宝<br>
剑<br>
锋<br>
从<br>
磨<br>
砺<br>
起</td>
<td height="211" width="449" align="center"></td>
<td height="211" width="51" align="center" class="font">梅<br>
花<br>
香<br>
自<br>
苦<br>
寒<br>
来</td>
</tr>
</table>
</div>
</body>
</html>本文来自武鸣人网站，转载请注明出处