css3 下边框阴影 |css字体怎么添加边框

/* CSS3 下边框阴影 */
.shadow {
border-bottom: 1px solid #999;
box-shadow: 0 1px 4px rgba(0,0,0,0.2);
}

以上代码将创建一个包含下边框阴影的 CSS3 类。您可以将此类应用于文本框、按钮或其他元素。

下面是如何使用此类为按钮创建下边框阴影的例子：

<button class="shadow">按钮</button>

您可以通过更改 box-shadow 属性的值来改变阴影的样式。例如，如果您希望阴影更大或显示更清晰，可以尝试以下代码：

.shadow {
border-bottom: 1px solid #999;
box-shadow: 0 3px 6px rgba(0,0,0,0.3);
}

通过使用 CSS3 的下边框阴影，您可以轻松地为网站的文本框、按钮和其他元素添加一个漂亮的效果。尝试使用不同的样式，以找到最适合您网站的下边框阴影。