模板无忧
网页特效
每日更新
|
TOP排行榜
|
Tag标签
|
充值
无忧首页
网页模板
程序模板
建站教程
视频教程
网页特效
图标素材
字体下载
站长工具
站长问答
网页特效
菜单导航
图片特效
文本链接
层和布局
页面背景
表单按钮
日期时间
计算转换
键盘鼠标
浏览器
游戏娱乐
综合其它
常用代码
jQuery特效
Prototype
Ajax/JavaScript
ExtJS
CSS特效
在线编辑器
Mootools
HTML
JS广告代码合集
站长工具
站长常用软件
网站综合查询
Alexa排名查询
Google PR查询
域名Whois查询
网站收录查询
友情链接查询
CSS2中文手册
CSS精简优化工具
网页特效代码
模板无忧
>
网页特效
>
层和布局特效代码
>
收藏
分享
查看评论
层和布局
演示
CSS实现对联效果_层和布局特效
查看演示效果
特效Tag:
对联广告
添加
用CSS排版实现的一幅春联,学习CSS布局的一个示例,初学者可以学习一下。
<html> <head> <meta http-equiv="Content-Language" mrc="zh-cn"> <meta http-equiv="Content-Type" mrc="text/html; charset=gb2312"> <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 topmargin="10" leftmargin="0"> <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="500"> <p align="center"><span class=font>新年快乐</span></td> <td height="21" width="50"></td> </tr> <tr> <td height="220" width="50" align="center" class="font"> <p align="center">瑞<br> 雪<br> 铺<br> 平<br> 致<br> 富<br> 路</td> <td height="220" width="500" align="center"></td> <td height="220" width="50" align="center" class="font">春<br> 风<br> 吹<br> 开<br> 幸<br> 福<br> 花</td> </tr> </table> </div> </body> </html>
所属频道:
层和布局特效
/
更新时间:2012-12-16
[收藏]
[报错]
[返回列表]
相关
层和布局特效
:
表格内容排序sortTable
行变成列,列变成行
文本输入限制
拆分单元格
控制表格内的滚动条
颜色交替的表格
JS计算里面有多少个
极酷的表格
会动的表格
可拖动单元格
变色表格
访问表格的每个TD
层和布局特效Rss订阅
特效代码搜索
层和布局特效推荐
鼠标放上自动展开的JS特效代码
表格透明,可自定义透明度
给一个Div层添加滚动条功能
几种常见的DIV边框样式
JS拖动改变表格列宽的实现
JS计算里面有多少个
CSS+js实现的无图片圆角
鼠标拖拉按比例缩放的JavaScript
立体效果表格的制作方法
3D立体带阴影的CSS圆角效果
猜你也喜欢看这些
页面载入时的进度条效果的实现
JavaScript背景随机变换颜色
JS无刷新改变网页背景图片
RGB背景调色:输入RGB颜色数值,就能转化成十六位颜色代码且背景改变
禁止别人使用 quot;另存为 quot;保存你的网页
IE色彩处理过程
渐变
仿WINDOW的纯JS超酷颜色选择器
颜色板
页面下沉抖动效果
相关链接:
复制本页链接
|
搜索CSS实现对联效果
特效说明:
层和布局模板
-
CSS实现对联效果
。