/* 示例代码:使用 CSS 样式设置一个简单的标签样式 */
.tag {
/* 设置背景颜色 */
background-color: #f0f0f0;
/* 设置文本颜色 */
color: #333;
/* 设置内边距 */
padding: 5px 10px;
/* 设置圆角边框 */
border-radius: 5px;
/* 设置字体大小 */
font-size: 14px;
/* 设置字体粗细 */
font-weight: bold;
/* 设置边框样式 */
border: 1px solid #ccc;
}
/* 解释说明:
- .tag 是一个类选择器,用于应用这些样式到 HTML 中带有 class="tag" 的元素。
- background-color 设置标签的背景颜色。
- color 设置文本颜色。
- padding 设置内边距,使内容与边框之间有一定的间距。
- border-radius 设置圆角边框,使标签的四个角变圆。
- font-size 和 font-weight 分别设置字体大小和粗细。
- border 设置标签的边框样式。 */
上一篇:css 半圆
下一篇:css文字左右两端对齐
Laravel PHP 深圳智简公司。版权所有©2023-2043 LaravelPHP 粤ICP备2021048745号-3
Laravel 中文站