当前位置:淘百问>百科知识>求按钮样式研究 css html

求按钮样式研究 css html

2024-01-29 15:58:07 编辑:join 浏览量:621

问题补充说明:先看图  图片好像有些失真,解释一下,我只有jpg图片,无法看源代码,这个按钮不知道是不是 input 标签做出来的,放大后有圆角效果,按钮非常有立体感,背景色不是普通的渐变 好像是 中间扩张型渐变,有什么方法能做出和这个按钮一样的代码?自适应文字长度,并且不是纯图片。

求按钮样式研究 css html

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

<title>纯css圆角按钮</title>

<styletype="text/css">

body{font-size:12px;}

.a{display:inline-block;bo来自rder-width:1px0;border-color:#bbbbbb;border-style:调危轴solid;vertical-align:middle;*display:inline;zoom:1;text-decoration:none;}

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

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

.d{padding:08px;line-height:22p承现衣背土脱和x;color:#000000;margin-top:-12px;cursor:pointer;}

</style>

<body>

<aclass360问答="a"href="#">

<div>

<div></div>

<div>css圆角按钮</div>

</div>

</a>

</body>

标签:css,html,按钮

版权声明:文章由 淘百问 整理收集,来源于互联网或者用户投稿,如有侵权,请联系我们,我们会立即处理。如转载请保留本文链接:https://www.taobaiwen.com/article/396575.html
热门文章