网页顶部插入横幅图片怎么写css代码,不是背景图片,是在背景图片上加入另一幅顶部图片

html-css09

网页顶部插入横幅图片怎么写css代码,不是背景图片,是在背景图片上加入另一幅顶部图片,第1张

这个可以这样实现

例如

HTML:

<div id=header><img src="图片路径" alt="图片描述" /></div>

CSS:

#header{

background:url(图片路径) no-repeat[显示一次] [left/right/top/bottom]

}

这样设置就可以了,你想移动图片和背景图片都可以的!

<style type="text/css">.topright { font:normal 14px/25px '宋体'} .topright ul { list-style-type:nonepadding:0pxmargin:0px} .topright ul li { float:leftmargin:0 5px} .topright ul li a { display:blocktext-decoration:none} .topright ul li a:link { display:blocktext-decoration:none} .topright ul li a:visited { display:blocktext-decoration:none} .topright ul li a:hover { display:blocktext-decoration:underline} </style><div class="topright"><ul><li><a href="#">个人博客</a></li><li class="menuDiv"></li><li><a href="#">收藏本页</a></li><li class="menuDiv"></li><li><a href="#">设面首页</a></li><li class="menuDiv"></li></ul></div>

采纳哦