CSS样式:段落、背景、颜色、超链接等实现
时间: 2023-08-15 19:06:00 浏览: 49
段落样式:
```
p {
font-size: 16px; /* 字体大小 */
line-height: 1.5; /* 行高 */
margin-bottom: 20px; /* 段落下方距离 */
}
```
背景样式:
```
body {
background-color: #f5f5f5; /* 背景颜色 */
background-image: url('bg.jpg'); /* 背景图片 */
background-repeat: no-repeat; /* 不重复 */
background-size: cover; /* 拉伸填满 */
}
```
颜色样式:
```
h1 {
color: #333; /* 字体颜色 */
}
a {
color: blue; /* 链接颜色 */
text-decoration: none; /* 去掉下划线 */
}
a:hover {
color: red; /* 鼠标悬停链接颜色 */
}
```
超链接样式:
```
a {
display: inline-block; /* 使链接可以设置宽高 */
padding: 10px 20px; /* 内边距 */
background-color: blue; /* 背景颜色 */
color: #fff; /* 字体颜色 */
text-decoration: none; /* 去掉下划线 */
border-radius: 5px; /* 圆角 */
}
a:hover {
background-color: red; /* 鼠标悬停背景颜色 */
}
```