凹凸按钮样式

最新推荐文章于 2024-08-07 22:35:34 发布

samete

最新推荐文章于 2024-08-07 22:35:34 发布

阅读量1.4k

点赞数

CC 4.0 BY-SA版权

分类专栏： css

本文链接：https://blog.youkuaiyun.com/samete/article/details/51192222

css 专栏收录该内容

6 篇文章

订阅专栏

本文介绍了一种特殊的CSS样式实现方法，通过定义不同的背景颜色、阴影效果和浮动布局等属性，实现美观且具有高对比度的界面元素展示效果。

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

.function-block a.disabled-link {
	background-color: #456686;
	box-shadow: inset 0px 2px 8px 2px #292929;
	cursor: default;
}

.function-block {
	min-width: 130px;
	float: left;
	background-color: #ffffff;
	margin: 20px;
    background-color: transparent;    
    text-shadow: 0 1px 1px rgba(0,0,0,.3);
    text-shadow: 0 1px 1px rgba(0,0,0,.3); 
	box-shadow: 0 1px 2px rgba(0,0,0,.2); 
	-webkit-box-shadow: 0 1px 2px rgba(0,0,0,.2); 
	-moz-box-shadow: 0 1px 2px rgba(0,0,0,.2);
}