css按钮样式立体,html立体按钮

CSS样式如何设置图片立体效果

能否说得详细一点，什么叫立体效果的背景图片？ 非要通过css设置，就只能设置左边和顶边的边框为浅色模拟高光，右边和底边的边框为深色模拟阴影来做立体效果。如果要复杂一些的立体效果，你就必须通过图片来做了，使用绘图软件绘制一个立体效果的按钮，然后设为按钮背景即可

相关问答

Q1: 求按钮样式研究 css html

这些是用div或a标签模拟的按钮

title纯css圆角按钮/title

style type="text/css"

body{font-size:12px;}

.a{display:inline-block; border-width:1px 0; border-color:#bbbbbb; border-style:solid; vertical-align:middle; *display:inline; zoom:1;text-decoration: none;}

.b{height:22px; border-width:0 1px; border-color:#bbbbbb; border-style:solid; margin:0 -1px; background:#e3e3e3; position:relative; _float:left;}

.c{line-height:10px; background:#f9f9f9; border-bottom:2px solid #eeeeee;}

.d{padding:0 8px; line-height:22px; color:#000000; margin-top:-12px; cursor:pointer;}

/style

body

a class="a" href="#"

div class="b"

div class="c" /div

div class="d"css圆角按钮/div

/div

/a

/body

Q2: 如何在CSS里面定义一个立体感很强的按钮

border-color: black #000000 #000000 black你把边框都设置成了黑的，当然看不出立体感了！！

--

border-color: gray #000000 #000000 gray

Q3: 怎样用CSS写按钮样式

一般有三种方法：

Button标签直接使用CSS定义样式，优点是立体感、有按下状态，缺点是样式单一、各浏览器下显示效果不一致。

a标签+背景图片+滑动门技术，优点是可实现多种视觉效果，缺点是采用滑动门技术会导致背景图片过大。

a标签直接使用CSS3绘制，优点是在保证视觉效果的基础上大大减少了背景图片的使用，缺点是部分浏览器不兼容。