当前位置: 首页 > 技法 > 布局 >

段落中插入图片的三种位置css代码

时间:2011-05-24 10:57来源:未知作者:admin 点击:次

网页机关中段落中插入图片的位置就是三种：居中，居左，居右。

个中的css代码如下：

,.frame_right,.frame_center,.frame_left,.frame_box{/*节制图片的总体属性，比如白底，一个像素的边框，填充，圆角等属性*/
background:#FFFFFF;
border:#CCCCCC solid 1px;
padding:7px;
margin:5px 0;
border-radius:3px;
-webkit-border-radius: 3px;/*wekit的节制圆角*/
-moz-border-radius: 3px;/*moz节制圆角*/
}
.frame_left{
float:left;
margin: 18px 24px 18px 0;
display:block;
}
.frame_right{
float:right;
display:block;
margin:18px 0 18px 24px;
}
.frame_center{
display:block;
float:none;
margin:10px auto;
}