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

最新推荐文章于 2024-07-17 18:39:50 发布

peicheng368

最新推荐文章于 2024-07-17 18:39:50 发布

阅读量1.7k

点赞数 1

分类专栏： Css样式文章标签： Css圆角 Css边框阴影 background-image颜色

本文链接：https://blog.csdn.net/peicheng368/article/details/85210903

版权

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

摘要由CSDN通过智能技术生成

.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 solid #5190ac;
border-color:#5190ac transparent transparent;
width:0;
height:0;
bottom:-12px;
left:50%;
margin-left:-6px;
}
.tooltip input{
border: none;
width: