最新下载
热门教程
- 1
- 2
- 3
- 4
- 5
- 6
- 7
- 8
- 9
- 10
css+div图文混排多列多行
时间:2008-10-15 编辑:简简单单 来源:一聚教程网
好了今天我们来看看css+div图文混排多列多行的图文排版方式的代码编写方式吧,先来看看效果图片.
这是效果图片,我们来看看css如何布局的;
我们在css div布局里面用到如都用到dl dt dd等来实现.
.sitemapdl{
margin:50px 20px 0 0;
background:url(imgs/sitemapback.gif) no-repeat top left;
float:left;
border-right:1px dotted #e5e5e5;
}
.sitemapdt{
color:#ffffff;
font-size:13px;
font-weight:bold;
line-
padding:0 0 0 7px;
}
#rclncotent dd{
margin:5px 0 0 10px;
padding:0 0 0 20px;
background:url(imgs/sitemapdot.gif) no-repeat 0 3px;
}
#rclncotent dd a:hover{
color:#fd8e1c;
}
好了写完了,本站原创转载请注明 www.111com.net/cssdiv/css.html
-
上一个: css+div布局的好处与优势是什么?
-
下一个: css dl dt dd使用实例教程
相关文章
- CSS实现多列等宽的方法详解 01-27
- CSS初级入门样式的多次声明 01-11
- CSS创建各栏同高的多栏布局 01-11
- CSS 鼠标点击拖拽效果代码展示 10-31
- CSS使用SVG实现动态分布的圆环发散路径动画教程 10-31
- css3中仿放大镜效果的几种方式原理介绍 10-26