数码资讯
css后台控件部分显示图片
当您使用图片显示各种效果或内容时,您可以使用背景来定位和控制图片的一部分。代码如下。一个从事网络前端的朋友可以看到它。 用法:为了防止对图片资源的重复请求,我们经常使用各种效果或内容的图片。 假设我在纸的垂直方向上有一张图片,垂直y轴是字母:A,B,C.… 现在显示字母A,B,C等,我们的CSS可以
选购提示
关注价格、性能、续航、售后和真实使用场景,理性比较后再下单。
当您使用图片显示各种效果或内容时,您可以使用背景来定位和控制图片的一部分。代码如下。一个从事网络前端的朋友可以看到它。
用法:为了防止对图片资源的重复请求,我们经常使用各种效果或内容的图片。
假设我在纸的垂直方向上有一张图片,垂直y轴是字母:A,B,C.…
现在显示字母A,B,C等,我们的CSS可以写这个:
这张图片是一封宽度= 20px,高度= 20px;
复制代码代码如下所示:
{。mar_worda
背景:URL(, / /图像排名。gif)没有重复滚动0 0px透明;
}
{。mar_wordb
背景:URL(, / /图像排名。gif)没有重复滚动0 20px透明;
}
{。mar_wordc
背景:URL(, / /图像排名。gif)没有重复滚动0 40px透明;
}
如果图片的水平方向,x轴的值可以调整。
注:需要集装箱装载图片。
用法:为了防止对图片资源的重复请求,我们经常使用各种效果或内容的图片。
假设我在纸的垂直方向上有一张图片,垂直y轴是字母:A,B,C.…
现在显示字母A,B,C等,我们的CSS可以写这个:
这张图片是一封宽度= 20px,高度= 20px;
复制代码代码如下所示:
{。mar_worda
背景:URL(, / /图像排名。gif)没有重复滚动0 0px透明;
}
{。mar_wordb
背景:URL(, / /图像排名。gif)没有重复滚动0 20px透明;
}
{。mar_wordc
背景:URL(, / /图像排名。gif)没有重复滚动0 40px透明;
}
如果图片的水平方向,x轴的值可以调整。
注:需要集装箱装载图片。
声明:本文内容用于数码产品信息整理与选购参考,具体价格、库存、售后政策以官方渠道和电商页面实时信息为准。