css的作用

作者：血染胸毛发布日期:2025-08-15 浏览:91

/* 示例代码：CSS 用于样式化 HTML 元素 */

/* 设置页面背景颜色 */
body {
    background-color: #f0f0f0;
}

/* 设置标题的字体、颜色和大小 */
h1 {
    font-family: Arial, sans-serif;
    color: #333;
    font-size: 24px;
}

/* 设置段落的行高和文本对齐方式 */
p {
    line-height: 1.6;
    text-align: justify;
}

/* 设置链接的颜色和悬停效果 */
a {
    color: #007BFF;
    text-decoration: none;
}

a:hover {
    text-decoration: underline;
}

解释说明：

body: 设置整个页面的背景颜色为浅灰色 (#f0f0f0)。
h1: 设置一级标题的字体为 Arial，颜色为深灰色 (#333)，字体大小为 24 像素。
p: 设置段落的行高为 1.6 倍，文本对齐方式为两端对齐。
a 和 a:hover: 设置链接的默认颜色为蓝色 (#007BFF)，并且当鼠标悬停时，链接下方会显示下划线。

通过这些 CSS 样式规则，可以美化网页的外观并增强用户体验。

上一篇：css3 动画

下一篇：css 字体倾斜