最近,我写了一个个人日志网站,并且使用了CSS来美化它。以下是我的CSS代码:
body {
background-color: #f4f4f4;
font-family: Arial, sans-serif;
}
header {
background-color: #333;
color: #fff;
padding: 20px;
}
h1 {
margin: 0;
}
nav {
background-color: #222;
color: #fff;
padding: 10px;
}
nav ul {
list-style: none;
margin: 0;
padding: 0;
}
nav li {
display: inline-block;
margin-right: 20px;
}
nav a {
color: #fff;
text-decoration: none;
}
section {
margin: 20px;
}
article {
background-color: #fff;
border: 1px solid #ccc;
padding: 20px;
}
footer {
background-color: #333;
color: #fff;
padding: 20px;
text-align: center;
} 我选择了一个简单的布局,有一个header、nav、section和footer。CSS使得我的网站更加美观、易于阅读,也使得我更加满意我的网站。