Question

banner图片在宽度不是1920xp屏幕下要显示出中间部份css该怎么设置

Answer 1

banner图片可以作为网站页面的横幅广告，也可以作为游行活动时用的旗帜，还可以是报纸杂志上的大标题。Banner 主要体现中心意旨，形象鲜明表达最主要的情感思想或宣传中心。

banner图片在宽度不是1920xp屏幕下要显示出中间部份css，方法如下：

将banner外面加个DIV，调用样式类nav，然后设置banner为1000像素宽，nav的设置自动：

<style>

.nav{width:auto;height:30px;background:url(img/bg.jpg) center center no-repeat;}

.banner{width:1000px;height:30px;margin:0 auto;}

.banner ul{width:1000px;height:30px;}

.banner ul li{width:100px;height:30px;float:left;}

</style>

【网页结构】

<div class="nav">

<div class="banner">

<ul>

<li>导航<li>

<li>导航<li>

<li>导航<li>

<li>导航<li>

<li>导航<li>

<ul>

</div>

</div>

这样就可以实现这个效果了。