CSS 代码中background 背景图片里 如何设置按钮。

CSS 代码中background 背景图片里 如何设置按钮。,第1张

<a style="background:url()display:blockwidth:800pxheight:400px"></a>

就是把链接块级化,设置大小,然后设置背景图片,自然整张图都可链接

@.....这个咋个说呢,虽然很简单……

就拿verycd那搜索框做例吧……,自己写了个……

HTML:

<div id="top-search">

<input type="text" id="top-search-input" name="kw" value="" />

<input type="submit" id="top-search-lib" class="top-search-button" value="资源" />

<input type="button" id="top-search-site" class="top-search-button" value="高级搜索" />

<input type="button" id="top-search-advance" class="top-search-button" value="发布资源"

/></div>

CSS:

#top-search{width:750pxheight:34pxbackground:url(search.jpg) no-repeat}/*背景*/

#top-search input{float:leftwidth:70pxheight:30pxmargin-top:5pxbackground:noneborder:none}/*整体input设置*/

#top-search #top-search-input{width:408pxheight:12pxmargin:12px 35px 5px 27px}/*调整输入框*/

#top-search-lib,#top-search-site,#top-search-advance{text-indent:-999pxoverflow:hiddencursor:pointer}/*其它三个按钮,隐藏字体*/

图片就用下面这张:


欢迎分享,转载请注明来源:内存溢出

原文地址: http://outofmemory.cn/bake/11930280.html

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
上一篇 2023-05-19
下一篇 2023-05-19

发表评论

登录后才能评论

评论列表(0条)

保存