手机
当前位置:查字典教程网 >网页设计 > 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 网页背景渐变实现代码

CSS各种文字对齐方式代码

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

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

css如何设置全屏背景图片

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

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

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

精品推荐
分类导航