最新下载
热门教程
- 1
- 2
- 3
- 4
- 5
- 6
- 7
- 8
- 9
- 10
左右结构的图文混排CSS列表
时间:2008-09-08 编辑:简简单单 来源:一聚教程网
左右结构的图文混排CSS列表,我们先来看看一张我截的效果图.
看上面的效果是文字围绕图片吧,下面我们来看看css是怎么实现的吧.
- 右边图片效果
- 文字内容所要放的地方
布局就是上面这样了,我们现在来看看css是怎么写的吧
.dt1{
float:right;
margin:0px 0px 0px 0px;
}
就这么几行代码我们所要的效果就完成了,有人会问为什么dd不设置浮动呢?因为dd默认就是向左浮动的所以就不用了.
注明:本站原创转载请注明 www.111com.net
-
上一个: div布与table布局的区别
-
下一个: css+div布局的优点及css的好处
相关文章
- 谈谈css左右等高的几个方法 03-16
- CSS 鼠标点击拖拽效果代码展示 10-31
- CSS使用SVG实现动态分布的圆环发散路径动画教程 10-31
- css3中仿放大镜效果的几种方式原理介绍 10-26
- CSS3切割轮播图的代码展示 10-26
- CSS组合选择器解析 10-26