如果设计稿按钮的的背景颜色是纯色且无其他效果，那么完全可以用css写的，比如：背景色值是#000
10年积累的网站设计制作、成都网站设计经验，可以快速应对客户对网站的新想法和需求。提供各种问题对应的解决方案。让选择我们的客户得到更好、更有力的网络服务。我虽然不认识你，你也不认识我。但先制作网站后付款的网站建设流程，更有富拉尔基免费网站建设让你可以放心的选择与我们合作。
.search_btn{ width:53px; height:20px; border:0; background: #000; color: #fff; cursor:pointer; line-height:20px;text-align:center; }
但如果，你的按钮有阴影、圆角等效果，考略到兼容性，建议保留图片背景，影响不是很大，如果想SEO的话，可以尝试其他方法，比如，将所有的按钮元素的图片放在一张图上，做背景时取其坐标值即可。
background: url(xxx.jpg) no-repeat -5px -6px;
CSS3 有一个 :target 属性
这是一个简单的DEMO 高级用法可以再百度搜索：
!DOCTYPE html
html
head
style
:target {
border: 2px solid #D4D4D4;
background-color: #e5eecc;
}
/style
/head
body
h1This is a heading/h1
pa href="#news1"Jump to New content 1/a/p
pa href="#news2"Jump to New content 2/a/p
pClick on the links above and the :target selector highlight the current active HTML anchor./p
p id="news1"bNew content 1.../b/p
p id="news2"bNew content 2.../b/p
pbNote:/b Internet Explorer 8 and earlier versions do not support the :target selector./p
/body
/html
{dede:channelArtlist typeid='1,2,3,4,5,6,7,8'}
{dede:type}
li class="" onmouseover="showMenu('c[field:global name=itemindex /]',1); this.className='sean';" onmouseout="showMenu('c[field:global name=itemindex /]',0); this.className='';"
a href="[field:typelink /]" class="cat_a"[field:typename /]/a
div style="display: none;" id="c[field:global name=itemindex /]" class="children"
{/dede:type}
div class="conter clearfix"
{dede:channel type='son'}
a href="[field:typelink /]" class="ChildrenLi"[field:typename /]/a
{/dede:channel}
/div
/div
/li
{/dede:channelArtlist}
没用过织梦！！ 见别人是这么写的 你参考一下
1、设置一个长度与宽度，使用到的CSS代码。
2、经过给它设置长度与宽度后，变成了下图所示，相比与没有任何样式，它会好出很多。
3、接下来，可以去掉它自带默认的边框，将它边框设置为0PX，观察一下效果。
4、添加了红色的背景后，它显示如下图所示的样式。
5、除了使用颜色设置背景外，也可以使用图片作为背景。
6、还可以设置它的其他更多样式，方法是直接添加CSS代码即可。
在css样式中设置浏览器滚动条样式操作步骤如下：
1.打开软件，新建html文档，如下图红框所示为新建界面。
2.在/head和body中间书写hmtl代码，div这里面输入你想要输入的内容即可/div，如下图红框所示。
3.然后在body和/body中间书写外层轨道css代码：body::-webkit-scrollbar { width:20px; height:2px; background:#ccc; border-radius:10px;/*外层轨道*/} 。
这里主要是设置外层轨道的形状和颜色，根据想要设置的样式进行调节即可，如下图红框所示。
4.然后在外层轨道下面书写内层轨道css代码：body::-webkit-scrollbar-thumb{ display:block; width:6px; margin:0 auto; border-radius: 10px; background:red;/*内层轨道*/}。
这里主要是设置内层轨道的形状和颜色，根据想要设置的样式进行调节即可，如下图红框所示。
5.以上代码代码输入完成，就可以运行看效果，效果如下红框所示，滚动条设置完成，如果不喜欢样式，回去修改代码属性即可。