手机
当前位置:查字典教程网 >网页设计 > 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按坐标取背景图示例代码】相关文章:

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

在div底部显示背景图片实现代码

CSS 网页背景渐变实现代码

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

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

CSS table 单行布局示例代码

css特效 一道闪光在图片上划过代码

css如何设置全屏背景图片

CSS控制让每行显示4个图片的样式

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

精品推荐
分类导航