CSS 自定义css样式汇总

最新推荐文章于 2023-12-31 03:59:05 发布

原创最新推荐文章于 2023-12-31 03:59:05 发布 · 750 阅读

0 ·

CC 4.0 BY-SA版权

_格鲁特宝宝原创，转载请务必注明出处

文章标签：

#css #样式 #css样式

Web FrontEnd 同时被 2 个专栏收录

226 篇文章

订阅专栏

CSS

26 篇文章

订阅专栏

本文详细介绍了如何使用CSS来自定义一个查询按钮的样式，包括宽度、高度、边框、阴影等属性，使按钮在不同状态下的显示效果更加美观。

/* 自定义查询按钮样式 */
.query {
    width: 0.4rem;
    height: 0.22rem;
    line-height: 0.22rem;
    border: 1px solid #C6C6C6;
    outline: 0;
    cursor: pointer;
}
/* 不写 :active 状态，没有类似点击弹起效果 */
.query:active {
    box-shadow: inset 0 3px 5px 0 rgba(0,0,0,0.2);
}