网页制作

网页制作的后续就是列表的实现，对列表内容进行修改，修正，使之更加简洁方便。

在左侧插入作者个人信息，图片和文本，用border设置图片边框，用border-radius将图片边角变圆，值越大，边角越圆。具体代码如下：

#banner{

    background-color:#66F;
    height:209px;
}
#zuozhe img{
    border:1px solid #999;
    padding:8px;
    border-radius:20px;
}

用float将左侧列表内容由横变竖，用text使文本内容居中，用padding设置内外边距。具体代码如下：
  #menu li{
    line-height:50px;
    float:left;
    margin-left:20px;
}
#zuozhe{
    padding-top:15px;
    padding-left:15px;
    text-align:center;
}

用list设置标题、列表文章分类列表，用text-decoration取消字体下划线,
#menu ul{
    list-style:none;
    float:right;
    height:50px;    
    width:450px;
}
#menu a{
    color:#FFF;
    text-decoration:none;
    font-size:16px;
    font-family:"微软雅黑";
}

转载于:https://my.oschina.net/u/4090689/blog/3024796