/* 示例 CSS 代码 */
body {
font-family: Arial, sans-serif;
background-color: #f0f0f0;
color: #333;
}
h1 {
color: #007BFF;
text-align: center;
}
p {
margin: 10px 0;
line-height: 1.6;
}
.container {
width: 80%;
margin: 0 auto;
padding: 20px;
background-color: #fff;
box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
}
body
:设置页面的全局字体为 Arial 或其他无衬线字体,背景颜色为浅灰色 (#f0f0f0
),文本颜色为深灰色 (#333
)。h1
:设置标题的颜色为蓝色 (#007BFF
),并居中对齐。p
:设置段落的外边距和行高,使文本更易读。.container
:定义一个容器类,宽度为页面的 80%,居中显示,带有内边距、白色背景和轻微的阴影效果。如果你需要更多特定的 CSS 示例或有其他要求,请告诉我!
上一篇:css flex 间距
下一篇:css旋转怎么控制它的中心点
Laravel PHP 深圳智简公司。版权所有©2023-2043 LaravelPHP 粤ICP备2021048745号-3
Laravel 中文站