头闻号

东莞市硕伟塑胶制品有限公司

PE再生料|通用塑料|工程塑料|塑料管|塑料棒|塑料片

首页 > 新闻中心 > 科技常识:css样式实现整个页面背景使用一张图片
科技常识:css样式实现整个页面背景使用一张图片
发布时间:2023-02-01 10:13:31        浏览次数:3        返回列表

今天小编跟大家讲解下有关css样式实现整个页面背景使用一张图片 ,相信小伙伴们对这个话题应该有所关注吧,小编也收集到了有关css样式实现整个页面背景使用一张图片 的相关资料,希望小伙伴们看了有所帮助。

这样实现的好处很多 网页加载一个背景图片大大加快了网站浏览速度 也非常便于网站整体风格修改。难度在于制作的背景图片如何截取指定的位置作为某个地方的背景 仔细研究发现还是不难的 首先windows自带的画图软件就可以实现查找坐标 因为css背景是通过坐标来截取位置 还有Photoshop也可以实现 如下图:

css样式代码如下复制代码代码如下: <style type="text/css"> body { background-image: url('/i/eg_bg_03.gif'); background-repeat: no-repeat; background-position: 0px -50px; } </style> background-position: 0px -50px的意思是水平位置为0px 垂直位置为50px。

来源:爱蒂网