发布时间:2021-03-07 04:00 | 作者:网站优化排名 | 来源:http://www.tdkseo.cn
本文导读:北京 seo优化:使用CSS设计出到今天的搜索框,我将介绍如何使用CSS背景图片来设计你的搜索BOX。BEFORE我用其他的方式来实现我的表单和搜索框,但这种方法似乎是比较容易的,所以我想与分享感兴趣的IT。ORIGINAL方式首先,让我们的朋友来看看我原来...
北京 seo优化
使用设计出到今天的搜索框,我将介绍如何使用背景图片来设计你的搜索。我用其他的方式来实现我的表单和搜索框,但这种方法似乎是比较容易的,所以我想与分享感兴趣的。方式首先,让我们的朋友来看看我原来使用方法:这看起来不错,但它有一个不好的地方,这个按钮不会和搜索上的图像中,我必须使用阴性切缘 - 顶部属性固定在该修改方法。
北京 seo优化方法,我决定不再使用类型= \这允许文本输入框和按钮自动。还增加了:焦点伪类的最终效果(将不支持这一点,所以我增加了一个特殊的风格隐藏这个效果)。这里是这种方法的一些好处:它的按钮和输入框使用的自然对齐只有一张图片:伪类支持的浏览器悬停效果被添加到。 {边界:无;宽度:2 43像素;边缘:0汽车;背景:#222;}的搜索输入,。搜索按钮{边界:无;浮动:左;}搜索。 {颜色:#;字体 - 大小。: 1,2,。:190像素;高度:30像素;填充:8 5 0像素;背景:#616161 (_。)否 - 重复序列;余量右:5像素;}的搜索输入。
框:焦点{背景:网址#616161(_。)否 - 重复左 - 38 ;概要:无;}搜索。 {宽度:38像素;身高:38像素;光标:指针;的文本。 -: - 9999像素;背景:#900 (_。
)否 - 重复右上角;}搜索。:悬停{背景:网址#900(_。)否 - 重复右下角; } 特别注明风格 - 。朋友评论说,如果太多的输入文本6和7将横向滚动的背景图片,所以我的做法是专门针对浏览器使用一个单一的背景图片,而不是让它左对齐,我翻转通过具有对准以固定背景。。
北京 seo优化搜索。右{背景和:网址(__。)否 - 重复右底部; \ / *用于独立背景图像,和该图中必须右对齐* * * \ /}。
本文分享北京 seo优化相关内容!
上一篇:选择30名优秀CSS技术和实例
下一篇:5种方法立即写出更好的CSS代码
版权声明:本网站摘录或转载的属于第三方的信息,目的在于传递更多信息,并不代表本网站赞同其观点和对其真实性负责,转载信息版权属于原媒体及作者。如其他媒体、网站或个人擅自转载使用,请自负版权等法律责任。