手机
当前位置:查字典教程网 >网页设计 > 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中水平垂直居中对齐布局实例总结

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

CSS3正方体旋转示例代码

css中style和class的加载顺序示例介绍

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

通过css加载远程字体示例代码

css 控制鼠标显示样式示例

如何自己免费装修网店代码

CSS3 实用技巧:实现黑白图像效果示例代码

样式表CSS简明教程

精品推荐
分类导航