CSS初步认识2




/* 设置网页的背景颜色为浅灰色 */
body {
    background-color: #f3f3f3;
}
 
/* 设置标题的字体、颜色和外边距 */
h1 {
    font-family: 'Arial Black', arial-black, sans-serif;
    color: #333333;
    margin-bottom: 0;
    padding-top: 30px;
}
 
/* 设置段落的字体大小、行间距和颜色 */
p {
    font-size: 16px;
    line-height: 1.5;
    color: #666666;
    margin-bottom: 20px;
}
 
/* 设置链接的默认颜色和鼠标悬停颜色 */
a {
    color: #0088cc;
    text-decoration: none;
}
a:hover {
    color: #005580;
    text-decoration: underline;
}

这段代码展示了如何使用CSS来设置网页的基本样式，包括背景颜色、标题样式、段落样式和链接样式。这有助于初学者理解CSS的基本用法和效果。

评论已关闭

推荐阅读