div边缘以外的jpeg?

时间:2014-03-21 03:39:59

标签: html margins

你好如果要将一个大图像用于非常宽的网页,例如>

http://oi58.tinypic.com/14l2fx3.jpg

如上所示^此图像的中心是文字,星星展开。

我想知道,是否可以在浏览器中自动居中这个超宽图像;这样,当图像显示在4:3屏幕上或放大时,它会自动裁剪吗?

我认为这会要求在放大或4:3时图像超出屏幕/边距,以便文本仍然居中?

我要求的原因是避免首先使用裁剪后的图像,并在缩小或宽屏幕时看到(下图)。

http://oi60.tinypic.com/55jsyw.jpg

我是html和css的新手。

感谢您提供的任何帮助:)

2 个答案:

答案 0 :(得分:0)

<body style="background-image:url('Image.jpg');">

答案 1 :(得分:0)

使用margin:0 auto作为css中的图像

height:500px;
background-image:url('14l2fx3.jpg');
margin:0 auto;