gpt4 book ai didi

button - CSS 按钮样式来指示选中/未选中?

转载 作者:行者123 更新时间:2023-11-28 10:06:10 25 4
gpt4 key购买 nike

我正在使用 CSS 创建一组可切换按钮。

我快到了,但我觉得我的 CSS 属性不太正确:http://jsfiddle.net/rrGab/5/

我认为所选按钮上的深色边框太暗且轮廓太尖锐,但我不知道如何使它看起来更平滑。

有人可以建议如何改进 CSS 以使其看起来更好吗?

我很想知道使按钮“弹出”页面或看起来隐藏在页面中的一般 CSS 原则。

很抱歉,如果 StackOverflow 不适合此问题 - 如果更合适,我们很乐意将其移至设计论坛。

最佳答案

要获得凹陷的“凸版”效果,您需要两种不同颜色的边框,一种用于顶部,一种用于底部,而不是实心边框。请引用这篇文章here .这种技术使用文本阴影来创建文本效果,但我认为您可以使用它背后的理念并将其应用于边框颜色。

我同意实心边框并不能真正让它流行起来。如果您再次使用双色调边框,但使用渐变在顶部产生的“中间色”,然后您的底部边框可能比渐变底部稍微暗一点,会怎样?

关于button - CSS 按钮样式来指示选中/未选中?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/8762785/

25 4 0
文章推荐: performance - CSS3 PIE : rounded corners slow down IE9, 即使它本身支持它们
文章推荐: json - 使用 Codable 解码带有动态编码 key 的 json?
文章推荐: javascript - 使用 JavaScript 将图像置于 div 的中心
文章推荐: html - 如何将
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com