将菜单栏加上导航,给导航一个链接(比如:www.baidu.com):
<div id = "menu">
<ul>
<li><a href="https://www.baidu.com/">首页</a></li>
<li><a href="https://www.baidu.com/">相册</a></li>
<li><a href="https://www.baidu.com/">阳光生活</a></li>
<li><a href="https://www.baidu.com/">释放梦想</a></li>
<li><a href="https://www.baidu.com/">留言</a></li>
</ul>
</div>
将左边部分再分成3小块,在上边加一张照片:
<div id = "left">
<div id="zuozhe">
<img src="images/baby.jpg">
<span>linda</span>
</div>
<div id="huoli">
6个列表
</div>
<div id="list">
分类
</div>
</div>
span是行内标签,所有HTML元素可以看作盒子,span默认不具备盒子模型属性。
在设置照片时可以设定图片周围圆角以及加一个边框等等操作:
#zuozhe img{
border:1px solid #096;
padding:8px;
border-radius:8px;/*设置圆角*/
}