时间:2016-01-22 07:41 来源: 我爱IT技术网 作者:佚名
本文所分享的知识点是【CSS实现菜单背景自适应宽度的方法】，欢迎您喜欢我爱IT技术网所分享的教程、知识、经验或攻略，下面是详细的讲解。
CSS实现菜单背景自适应宽度的方法
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>菜单背景自适应</title>
<style type="text/css">
<!--
.load {
background: url(images/9_o.png) no-repeat right;
position: absolute;margin-left:5px;
}
.load span {
height: 66px;
background: url(images/9_o.png) no-repeat;
display: block;
font-size: 14px;
line-height: 66px;
font-weight: bold;
padding-left: 115px;
margin-right: 15px;
margin-left: -5px;
}
-->
</style>
</head>
<body>
<div class="load"><span>我爱IT技术网网站</span></div>
<div class="load" style="top:100px"><span>提供最新的网络编程、脚本编程、网页制作、网页设计、网页特效。</span></div>
</body>
</html>
关于CSS实现菜单背景自适应宽度的方法的相关讨论如下：
相关问题：怎么修改背景图片居中并自适应宽度的css
答：尝试下这个... >>详细
相关问题：CSS自适应屏幕宽度显示背景图，外加自定义背景图显...
答：如果不用其他library的话 用CSS3 的Media queries eg： @media screen and (min-width: 400px) and (max-width: 700px) { … } 这个是官方wiki（宽度部分） http://www.w3.org/TR/css3-mediaqueries/#width 希望能帮到你 个人推荐用bootstrap方便... >>详细
相关问题：求css左侧宽度固定右侧宽度自适应的办法
答：html, body {margin: 0;padding: 0;}.all{ width:100%; height:100%;}.left{ width:100px; float:left; background:#990; height:100%;margin-left: -100%;}.right{ width:100%; background:#F90; height:100%; float:left;}.right_in{ margin-l... >>详细
- 评论列表（网友评论仅供网友表达个人看法，并不表明本站同意其观点或证实其描述）
-