CSS - 文本文字增加外框、阴影、边框

要给文本添加外框、阴影和边框，可以使用CSS的text-shadow属性来添加阴影，border属性来添加边框，以及box-shadow属性来添加外框。以下是一个简单的示例：




.text-box {
  display: inline-block;
  padding: 10px;
  border: 2px solid #000; /* 文本边框 */
  box-shadow: 2px 2px 4px 0 rgba(0, 0, 0, 0.5); /* 外框阴影 */
  text-shadow: 1px 1px 2px #000; /* 文本阴影 */
}




<div class="text-box">这是有外框、阴影和边框的文本</div>

在这个例子中，.text-box 类定义了文本的外框、阴影和边框样式。display: inline-block 确保元素像行内块元素一样显示，padding 增加了文本与边框之间的空间。border 属性定义了文本的边框，box-shadow 属性创建了外框的阴影效果，而text-shadow 属性为文本本身添加了阴影。

CSS - 文本文字增加外框、阴影、边框

评论已关闭

推荐阅读