当前位置:首页 » 背景图片 » css设置文字在背景图片居中
扩展阅读
2m图片高度多少 2024-10-03 17:06:25

css设置文字在背景图片居中

发布时间: 2024-01-08 01:13:32

Ⅰ 文字和图片在同一个DIV中,要让图片居中,文字靠左对齐,并且,只能设置DIV的CSS,如何做到

文字默认,图片的display属性设置成block 然后margin:0 auto 即可

<style type="text/css">
.tt{ border:1px solid #CCC; width:600px; height:600px; }
.tt img{ margin:0 auto; border:1px solid #F00; display:block; }
</style>

<div class="tt">
文字在左边
<img src="http://www..com/img/shouye_.gif" />
</div>

Ⅱ css 背景图片怎么让他在浏览器中都居中显示

要是背景图片居中,需要借助于css中的background属性,background 简写属性其定义及用法如下:
background 简写属性在一个声明中设置所有的背景属性。可以设置如下属性:
1,background-color 规定要使用的背景颜色。
2,background-position 规定背景图像的位置。
3,background-size 规定背景图片的尺寸。
4,background-repeat 规定如何重复背景图像。
5,background-origin 规定背景图片的定位区域。
6,background-clip 规定背景的绘制区域。
7,background-attachment 规定背景图像是否固定或者随着页面的其余部分滚动。

background-image 规定要使用的背景图像。
如果不设置其中的某个值,也不会出问题,比如 background:#ff0000 url('smiley.gif'); 也是允许的。
通常建议使用这个属性,而不是分别使用单个属性,因为这个属性在较老的浏览器中能够得到更好的支持,而且需要键入的字母也更少。

background-position 即是规定背景图片的位置。它的值分别有以下:
top,left,right,bottom

所以需要想背景图片居中显示的话,可以这样写:

#menu_bg{background:url(../images/index_x.jpg) center center;}

Ⅲ 在网页设计中怎么让背景图片水平居中

CSS使网页背景图片居中的三种方法。
1、第一种:用像素设定,很多都用这种,但是也是最麻烦的:
2、第二种:用50%设定,很方便。
3、第三种:用center设定(注:第2个center可以省略,因为默认就是center)。