CSS 代码,怎么把 左上角的图片位置改动?求详解
发布网友
发布时间：2022-04-30 20:02
共3个回答
热心网友
时间：2022-04-24 01:00
根据你的图片里面的代码我重新写了一遍并做了一些修改，代码如下：
<style type="text/css">body{ margin:0; padding:0; background:url(images/E4%B8%9C%E9%98%B2%E.png) no-repeat; font:12px/40px "Stout Deco"; color:#fff;}
#zongti{ width:1400px;}
#boo{ float:left; margin:0; padding:0; list-style-type:none;}
#boo li{ float:left;}
#boo li.booimg{ margin:10px 10px 0px 10px;}
.aoo{ float:right; margin:0; padding:0; list-style-type:none;}
.aoo li{ float:right; margin-right:15px;}
#boo a,.aoo a{ text-decoration:none; color:#fff;}
</style>
</head>
<body>
<div id="zongti">
<ul id="bobo">
<li><a href="#"><img src="images/头像.png" width="36" height="36" /></a></li>
<li><a href="#">Username</a></li>
</ul>
<ul class="aoo">
<li><a href="#"><img src="images/其他.png" width="36" height="36" /></a></li>
<li><a href="#">Conloct</a></li>
<li><a href="#">Journal</a></li>
<li><a href="#">About</a></li>
<li><a href="#">Work</a></li>
</ul>
</div>
</body>
先指出你一个很明显的错误，就是id重复调用了，如果你不了解id是怎么回事那就老老实实用class好了；我这里也大概写了一个参照例子，你自己注意一下，其他问题就不多说了，都是些小问题，以后学习过程中一般都能改过来，至于控制左上角图片位置也不是很难，最简单的就是调整#boo li.booimg{ margin:10px 10px 0px 10px;} 这段样式的值就好了
其实，如果你刚学不久的话对样式使用不熟悉，那就干脆用绝对定位 position:absolute;把位置定死好了，而且绝对定位你想怎么调整位置就怎么调整，出错率并不大，只不过对页面调整性差了点而已，但是这对于新手而言问题不大
热心网友
时间：2022-04-24 02:18
热心网友
时间：2022-04-24 03:52
