/* 示例代码:简单的CSS样式 */
/* 选择器为所有 <p> 元素 */
p {
color: blue; /* 设置文本颜色为蓝色 */
font-size: 16px; /* 设置字体大小为16像素 */
text-align: center; /* 设置文本居中对齐 */
}
/* 选择器为类名为 "highlight" 的元素 */
.highlight {
background-color: yellow; /* 设置背景颜色为黄色 */
padding: 10px; /* 设置内边距为10像素 */
}
/* 选择器为 ID 为 "header" 的元素 */
#header {
font-weight: bold; /* 设置字体加粗 */
border-bottom: 1px solid black; /* 设置下边框为1像素黑色实线 */
}
p
选择器会应用于所有的 <p>
标签。color: blue;
表示将文本颜色设置为蓝色。.
来表示类选择器,如 .highlight
会选择所有具有 class="highlight"
的元素。#
来表示 ID 选择器,如 #header
会选择 ID 为 header
的元素。以上代码展示了如何通过不同的选择器为 HTML 元素添加样式。
上一篇:css多余文字显示省略号
下一篇:css设置背景图片大小自适应
Laravel PHP 深圳智简公司。版权所有©2023-2043 LaravelPHP 粤ICP备2021048745号-3
Laravel 中文站