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 属性为文本本身添加了阴影。
评论已关闭