Css样式-边框圆角/边框阴影/背景图片(background-image)显示颜色

最新推荐文章于 2025-06-20 22:36:10 发布

原创

最新推荐文章于 2025-06-20 22:36:10 发布 · 1.8k 阅读

1 ·

CC 4.0 BY-SA版权

文章标签：

#Css圆角 #Css边框阴影 #background-image颜色

这篇博客展示了如何使用Css实现边框圆角、边框阴影以及背景图片颜色渐变。通过示例代码，创建了一个带有自定义背景颜色、线性渐变、边框阴影以及绝对定位的tooltip元素。同时，还详细定义了tooltip内的input元素样式，包括无边框、内阴影、圆角以及字体属性。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

.tooltip{
background-color:#5c9bb7;
background-image:-webkit-linear-gradient(top, #5c9bb7, #5392ad);
background-image:-moz-linear-gradient(top, #5c9bb7, #5392ad);
background-image:linear-gradient(top, #5c9bb7, #5392ad);
box-shadow: 0 1px 1px #ccc;
border-radius:3px;
width: 290px;
padding: 10px;
position: absolute;
left:50%;
margin-left:-150px;
top: 80px;
}
.tooltip:after{
/* 提示信息 */
content:'';
position:absolute;
border:6px s