繁体中文
设为首页
加入收藏
资讯中心
网络编程
数据库
脚本专栏
实用技巧
软件编程
网页制作
操作系统
经典网摘
网站技巧
免费资源
关于我们
文章搜索
主机租用
域名查询
经验交流
基础教程
VML相关
页面导航：
首页
→
网络编程
→
CSS/HTML
→
经验交流
→ 正文内容
DL.DT.DD实现左右的布局简单例子第2/2页
发布：dxy 字体：[
增加
减小
] 类型：转载
点击运行可以看到效果:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title></title> <style> *{ margin:0; padding:0;} #box{ margin:10px; padding:10px; float:left; border:1px solid #CCC; background:#FFFFCC; font-size:12px; line-height:1.9;} dl{ background:#CCCC00; margin:0; width:120px; text-align:center; float:left; margin:5px;} dt{ background:#CC0033;}dt img{display:block; margin:0 auto;} dd{ background:#FFFF00; } </style> </head> <body> <div id="box"> <dl> <dt> <img src="http://pics.taobao.com/bao/album/promotion/magicbean_070529.gif" /> </dt> <dd>母亲节-祝福短信</dd> </dl> <dl> <dt> <img src="http://pics.taobao.com/bao/album/promotion/magicbean_070529.gif" /> </dt> <dd>母亲节-祝福短信</dd> </dl> <dl> <dt> <img src="http://pics.taobao.com/bao/album/promotion/magicbean_070529.gif" /> </dt> <dd>母亲节-祝福短信</dd> </dl> <dl> <dt> <img src="http://pics.taobao.com/bao/album/promotion/magicbean_070529.gif" /> </dt> <dd>母亲节-祝福短信</dd> </dl> <dl> <dt> <img src="http://pics.taobao.com/bao/album/promotion/magicbean_070529.gif" /> </dt> <dd>母亲节-祝福短信</dd> </dl> </div> </body> </html>
[Ctrl+A 全选 提示:你可先修改部分代码,再按运行]
我不是十分确定这样的布局是不是合理，但从代码量和结构看还不错。希望有更合理的方面一起交流！
当前2/2页
上一页
1
2
Tags：
DL
DT
DD
实现
左右
布局
简单例子
浏览次数：
载入中...
打印本文
关闭本文
返回首页
0
顶一下
上一篇文章：
大家看了就明白了css样式中类class与标识id选择符的区别小结
下一篇文章：
css Hspace 和vspace的图片控制实例
·在百度中搜索关于“
DL.DT.DD实现左右的布局简单例子
”相关内容
·在谷歌中搜索关于“
DL.DT.DD实现左右的布局简单例子
”相关内容
文章评论
共有
位脚本之家网友发表了评论
我来说两句
同 类 文 章
非常不错的关于IE与FireFox的js和css几处
多浏览器css兼容分析小结
教你如何用CSS来控制网页字体的显示样式
Firefox返回时Iframe的显示Bug的解决方法
解决列高度自适应(相同)的五种方法
css实现兼容各个浏览器的技巧的代码
原来CSS里的 !important 是如此用法
Css利用js的expression实现的效果
IE Bug--浮动对象外补丁的双倍距离的解决
创建无表格网站的原因和原则 译文
最 近 更 新
css font缩写总结附实例
用滑动门技术设计按钮的图文教程
研究了一下div+css的高度自适应问题
CSS 首字母大写代码
实用的利用 CSS + <em>标签
DIV+CSS 滑动门技术的简单例子
CHM集锦(CHM)
关于< tbody >的一个实例，
在到达无H无F境界前~还是要痛苦~我兼容浏
css层滚动条
热 点 排 行
用CSS实现下拉菜单的多种方法
DIV+CSS布局教程大全与pdf电子书
全国哀悼日网站页面变成灰色的fi
非常漂亮的Div+CSS布局入门教程
让iframe自适应高度（支持xhtml）
在iframe中隐藏横向滚动条的方法
比较漂亮的一个导航条的效果DIV+
用css来控制图片大小显示的实现方
div做细线表格,很强悍
css强制换行 css强制不换行的css
文章评论
共有 位脚本之家网友发表了评论我来说两句