模板兔Modown:为你的文章内容添加底色美化效果
完整代码如下:
CSS
.rounded-text {
display: inline-block; /* 将span转换为块级元素,以便应用宽度和高度的样式 */
background-color: #f9c513; /* 设置底色 */
color: #ffffff; /* 设置文字颜色 */
padding: 5px 10px; /* 设置内边距 */
border-radius: 10px; /* 设置圆角半径 */
font-family: Arial, sans-serif; /* 设置字体 */
}
HTML
<span class="rounded-text">这是一个带底色和圆角的文本</span>