北京网页设计网站制作CSS：background-position的妙用_网站制作 -网站建设|北京网站建设|北京网站制作|北京网站建设首选品牌【企通互联】

相关文章

网站制作网页制作总结CSS的小技巧
 网页设计整站示例演示
 北京网站建设渐飞网站管理系统快速入门
 北京网页设计浅谈在网页上显示日期的两种方法
 网站制作Dreamweaver方便快捷编辑网页标签
 北京网页设计DW滤镜样式的语法规则
 网站制作Dreamweaver MX 2004从零开始(2)
北京网站设计解决在Dreamweaver中不支持中文文件名的方法
 网页设计自己动手制作活动菜单条
 北京网站设计FLASH MX 2004视频教程:《火影忍者》片头制作(五)

品牌理念

北京网站建设最佳合作伙伴
北京网站建设专家企通互联
竭诚为您提供网站建设服务!

友好连接

文章搜索

你的位置：首页 >> 网站制作 >> 北京网页设计网站制作CSS：background-position的妙用

北京网页设计网站制作CSS：background-position的妙用

作者：北京网站建设日期：2008-03-27 06:03:34 来源： http://www.qitongnet.com

　css2.0 中的 background-position 大家用到过吗？怎么用的？用在哪里？js控制图片切换有两个缺陷：1. 北京网页设计有时后切换缓慢,需要预载解决；2.要制作2-3套图片

www.qitongnet.com　　看看怎么用 background-position 企通互联解决这个问题，实现快速网站设计"切换" 网站制作，这里只用到一张图片

　　至于代码中的font:10px/1也是不常见的用法

　　这种用法放在网站地图或者导航条上的效果：

<style type="text/css">
#menu a {
display:block;
width:150px;
margin:6px; 
padding:10px 0 10px 32px;
font:10px/1 sans-serif;
color:#f90;
background: url("http://nb001722.sosoo.net/btn.gif") top left no-repeat;
text-decoration: none;
}
#menu a:hover {
background-position: 0 -39px;
color:red;
}
#menu a:active {
background: url("http://nb001722.sosoo.net/btn.gif") 0 -78px no-repeat;
color:black;
}
</style>
</head>
<body>
<div id="menu">
<a href="###">Menu link 1</a>
<a href="###">Menu link 2</a>
<a href="###">Menu link 3</a>
<a href="###">Menu link 4</a>
<a href="###">Menu link 5</a>
</div><script language="Javascript"> 
var now = new Date(); 
document.write("<img src='http://counter.yesky.com/counter.shtml?CID=54197&AID=-1&refer="+escape(document.referrer)+"&rand="+ now.getTime()  + "&cur="+escape(document.URL)+"' border='0' alt='' width='0' height='0'>"); 
</script> 
<noscript> 
<img src="http://counter.yesky.com/counter.shtml?CID=54197&AID=-1&refer=noscriptcounter&cur=noscriptcounter" border='0' width='0' height='0'/> 
</noscript>

北京网站建设

网页设计

字体：【大】【中】【小】

上一篇：北京网站设计用ASP+CSS实现随机背景

下一篇：企通互联CSS做一个超链接的陷下效果

这是一个与众不同的品牌，企通互联只专注于网站建设领域！中小型企业网站建设最佳合作伙伴！网站建设咨询热线：010-65587978/77/76/75!