自动调整背景图像大小

时间:2016-02-07 21:10:18

标签: html css

我一直在谷歌搜索一段时间,没有一个答案似乎符合我的需要,需要有人来帮助我,谢谢。

我的个人网站是:http://simonykhsu.com用于参考

我的背景图片代码是

<div class="landing-header" style="background-image: url('skitrip_owlshead.jpg');">

enter image description here

我尝试过实现这个背景图片代码但是我找不到css文件中的部分来使背景变为肤色

<div id="image-container">
         <img id="image" src="skitrip_owlshead.jpg" alt="middle"/>
    </div>

this is what it looks like

并且上面的第二个代码似乎并没有将我的图像带到中间......

2 个答案:

答案 0 :(得分:1)

用于居中图像并设置背景颜色,您可以在图像容器div中执行此操作

<div id="image-container" style="text-align:center; background-color:#ccc;">
     <img id="image" src="skitrip_owlshead.jpg" alt="middle"/>
</div>

#ccc是一种示例颜色...您使用颜色代码进行设置..

答案 1 :(得分:1)

对不起,但我真的不明白你想要完成的是什么。

几个单挑主题:

  • 最好创建一个单独的CSS文件,而不是使用内联样式。创建一个名为style.css的文件,并将CSS放入其中。将其放入您网站的<head>部分:

    <link rel="stylesheet" href="style.css" type="text/css">
    
  • alt="middle"是替代文字。它不用于造型 (居中)你的形象,但描述你的形象。就像是 &#34; skiteam owlshead团队&#34;应该是好的。

如果您想将图像居中并放置肤色&#39;左右,把它放在你的style.css:

#image-container {
background-color: #FFFCF5;
}

#image-container img {
text-align:center;
}