关于backgroun-position的用法

关于backgroun-position的用法

http://img1.sycdn.imooc.com/climg//596dd63d0001dc7700220088.jpg

http://img1.sycdn.imooc.com/climg//596dd63d0001ee6002800721.jpg

这些如何提取出来自己要用的那个啊?



正在回答

登陆购买课程后可参与讨论,去登陆

2回答

你好,background-position 属性设置背景图像的起始位置。可设置两个属性值,第一个值是水平位置,第二个值是垂直位置。可理解为:设置要用图片距左侧的位置,与距顶部的位置。祝学习愉快!

  • 做麦概 提问者 #1
    还是不懂,可以示范下嘛 比如截取闹钟那个icon,用background-position如何截取
    2017-07-18 18:06:02
  • 做麦概 提问者 #2
    非常感谢!
    2017-07-18 18:46:53
好帮手慕糖 2017-07-18 18:33:08

你好,可参考下列代码:

<!doctype html>
<html>
<head>
<meta charset="UTF-8">
<title>Document</title>
<style>
div{
width: 25px;
height: 25px;
background-image: url("ioc.jpg");
background-position: 0 -600px;
background-repeat:no-repeat;
}
</style>
</head>
<body>
<div></div>
</body>
</html>

祝学习愉快!

问题已解决,确定采纳
还有疑问,暂不采纳

恭喜解决一个难题,获得1积分~

来为老师/同学的回答评分吧

0 星
HTML5与CSS3实现动态网页 2018
  • 参与学习       1887    人
  • 提交作业       4643    份
  • 解答问题       5760    个

有HTML和CSS基础,却不知道如何进阶?本路径带你通过系统学习,完成从“会做网页”到“做出好的动态网页”的蜕变,迈出成为前端工程师的第一步。

了解课程
请稍等 ...
意见反馈 帮助中心 APP下载
官方微信

在线咨询

领取优惠

免费试听

领取大纲

扫描二维码,添加
你的专属老师