css美化网页步骤图 |ie chrome css 表格百分比宽

html {
height: 100%;
}
body {
margin: 0;
padding: 0;
height: 100%;
background-color: #f2f2f2;
font-family: Arial, Helvetica, sans-serif;
}
.container {
width: 80%;
margin: 0 auto;
padding-top: 20px;
}
.header {
background-color: #333;
color: #fff;
padding: 20px;
}
.navbar {
background-color: #fff;
height: 60px;
line-height: 60px;
}
.navbar ul {
margin: 0;
padding: 0;
list-style: none;
display: inline-block;
}
.navbar li {
float: left;
margin-right: 20px;
}
.navbar li a {
color: #333;
text-decoration: none;
}
.navbar li a:hover {
color: #fff;
background-color: #333;
}
.content {
padding: 20px;
background-color: #fff;
overflow: hidden;
}
.footer {
background-color: #333;
color: #fff;
text-align: center;
padding: 20px;
}

以上代码中，大家定义了HTML、BODY、.container、.header、.navbar、.content和.footer等元素的样式。大家可以根据实际需求进行修改，以实现不同的美化效果。通过CSS，大家可以轻松地实现网页的美化工作，让网页更加美观、舒适。