这是一段20号字体,底色是七彩,字体是白色加粗的文本。

<span class="custom-text">这是一段20号字体,底色是七彩,字体是白色加粗的文本。</span>
<style>
    .custom-text {
      font-size: 20px; /* 设置字体大小为20号 */
      color: white; /* 设置字体颜色为白色 */
      background-image: linear-gradient(to right, red, orange, yellow, green, blue, indigo, violet); /* 设置七彩背景渐变 */
      font-weight: bold; /* 设置字体加粗 */
      background-color: #D3D3D3; /* 设置整个文本块的背景为浅灰色 */
      padding: 10px; /* 添加一些内边距以使文本与背景更好地分隔 */
      border-radius: 5px; /* 添加圆角以使背景更加平滑 */
      display: inline-block; /* 使背景仅应用于文本块 */
      box-shadow: inset 0 0 0 2px rgba(255, 255, 255, 0.5); /* 使用内阴影模拟七彩底色效果 */
      -webkit-box-shadow: inset 0 0 0 2px rgba(255, 255, 255, 0.5); /* 兼容WebKit浏览器 */
      -moz-box-shadow: inset 0 0 0 2px rgba(255, 255, 255, 0.5); /* 兼容Mozilla浏览器 */
    }
</style>

这是一段20号字体,底色是七彩,字体是白色加粗的文本。另外,需要注意!

可加入下面代码

width: 100%; /* 设置宽度为100%,使其自适应整行

尊重版权丨本站注明原创的插件,购买者不得随意分享传播,仅限个人使用,一旦发现拉黑用户,删除使用权限。大神建站-WordPress插件开发 » 这是一段20号字体,底色是七彩,字体是白色加粗的文本。

相关文章

评论 (0)