头闻号

付学五(个体经营)

羧酸|热稳定剂

首页 > 新闻中心 > 科技常识:css样式实现整个页面背景使用一张图片
科技常识:css样式实现整个页面背景使用一张图片
发布时间:2024-09-30 06:20:55        浏览次数:4        返回列表

今天小编跟大家讲解下有关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。

来源:爱蒂网