.current{display:inline-blockwidth:XXpxheight:XXpxbackground:url(img.jpg) no-repeat}
不过在IE6上,虽然能设置宽,高,但响应鼠标指针的焦点有问题,所以建议用 padding 设置。
.current{padding:6px 10pxbackground:url(img.jpg) no-repeat}
这个就不用设置宽,高了,因为用了 padding 把 .current 的区域扩大了,至于具体数据,你自己按你图片大小进行调整就好了。
1.新建网页文件。
2.在head里插入<style type="text/css">#area { width:300pxheight:20px}</style>,表示设置输入文本框宽度为300像素,高度为20像素。
3.在body里插入<input type="text" id="area" />,表示定义一个输入文本框,启用area样式。
4.在IE里测试,查看效果。
由于span是行内元素,所以如果想要给它设置固定的宽度,需要先将其转换为块状元素,之后就可以为其设置固定的宽度了,如span {display:blockwidth: xxx px}。请记住,任何的行内元素,都是不能对其进行宽高设置,它的高度只随着字体大小和行高而改变,而它的宽度只随着文本内容的宽度而改变,所以要设置行内元素的宽高值,将其转换为块状元素是最基本的方法。
至于什么是块状元素,什么是行内元素,它们之间有什么关系,可以直接百度,快速 了解一下。以上是个人的一些学习积累,又不对的地方,请见谅。