好的,下面是一个简单的 CSS 模板,可以用来创建个人微博网站的样式。
```
/* 通用样式 */
body {
font-family: Arial, sans-serif;
background-color: #f2f2f2;
}
/* 头部样式 */
header {
background-color: #333;
color: #fff;
padding: 20px;
text-align: center;
}
/* 微博导航样式 */
nav {
background-color: #333;
color: #fff;
padding: 20px;
list-style: none;
}
nav ul {
display: flex;
list-style: none;
margin: 0;
}
nav li {
margin-right: 20px;
}
nav a {
color: #fff;
text-decoration: none;
padding: 10px 20px;
}
/* 微博内容样式 */
main {
background-color: #fff;
padding: 20px;
box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.2);
}
/* 微博图片样式 */
img {
width: 100%;
height: auto;
}
/* 微博评论样式 */
评论 {
margin-top: 20px;
padding: 10px;
border-radius: 5px;
border: 1px solid #ccc;
text-align: center;
}
/* 微博私信样式 */
私信 {
margin-top: 20px;
padding: 10px;
border-radius: 5px;
border: 1px solid #ccc;
text-align: center;
}
/* 微博发布样式 */
post {
margin-top: 20px;
padding: 10px;
border-radius: 5px;
border: 1px solid #ccc;
text-align: center;
}
/* 微博发布图片样式 */
img {
width: 100%;
height: auto;
}
/* 微博发布文本样式 */
post .title {
font-size: 24px;
font-weight: bold;
margin-top: 20px;
}
/* 微博发布状态样式 */
post .status {
font-size: 18px;
font-weight: bold;
color: #fff;
margin-top: 20px;
}
/* 微博发布链接样式 */
post .link {
font-size: 18px;
font-weight: bold;
color: #fff;
margin-top: 20px;
}
/* 微博发布评论样式 */
评论 .message {
font-size: 18px;
font-weight: bold;
color: #fff;
margin-top: 20px;
}
```
这个 CSS 模板包含了许多基本的样式,可以让网站看起来更美观和易于使用。可以根据需要修改这些样式,以适合自己的网站。