手机
当前位置:查字典教程网 >网页设计 > Div+Css教程 >css按坐标取背景图示例代码
css按坐标取背景图示例代码
摘要:背景图:效果:代码:.spanicon{width:32px;height:32px;background:url(http://img.b...

背景图:

css按坐标取背景图示例代码1

效果:

1

代码:

<style type="text/css">

.spanicon {

width: 32px;

height: 32px;

background: url(http://img.blog.csdn.net/20130808153035296) no-repeat;

border: 0;

color: #464646;

line-height: 32px;

margin-top: 2px

}

td {

vertical-align: middle;

text-align: left

}

</style>

<body>

<table>

<tr>

<td></td>

<td><a href="#">test1</a></td>

</tr>

<tr>

<td></td>

<td><a href="#">test2</a></td>

</tr>

<tr>

<td></td>

<td><a href="#">test3</a></td>

</tr>

<tr>

<td></td>

<td><a href="#">test4</a></td>

</tr>

</table>

</body>

【css按坐标取背景图示例代码】相关文章:

CSS3正方体旋转示例代码

css强制文字不换行实现代码

DIV点击折叠实例代码

CSS怎么将背景图左移/上移/右移10px

css让背景图片拉伸填充的属性

样式表CSS简明教程

IE6定义1px左右高度的容器示例代码

页面背景图片的拉伸实现代码

用css实现十字的布局示例代码

css中水平垂直居中对齐布局实例总结

精品推荐
分类导航