css背景是圆形，css设置图片为圆形

icon可以当背景图片用吗css

可以使用背景图设置，使用背景精灵图把图标放在一张图片上面，通过定位位移来找到图片。切成小图标一个位置对应一个图标。

使用img代替有背景图像可以显著提高性能的动画背景。IMG会首先加载因为src在html文件本身中而在有背景图像源是样式表中引入的图像，加载样式表加载后，延迟加载的网页。

以前的话，我们会把图片抽出来作为背景，再在上面写上html的数字，但是现在所有这些都可以用css实现。 HTML结构25 May这次时间ICON demo的html非常简单。

CSS显示一个大图片中的多个小图标，主要是用background-position这个属性来控制的。

下面是具体用法范例，大家可以一试：或者 CSS Sprites在国内很多人叫css精灵（雪碧图），是一种网页图片应用处理方式。

相关问答

Q1: 圆角背景实现自适应宽的CSS代码

1、，用圆角图片做背景。缺憾是不能自适应宽度和高度，而且需要修改颜色的话就需要修改图片的颜色。2，用上下两张图片做背景，上面的圆角用一张图片，下面的也用一张图片，可以自适应高度。而宽度就取决于该张图片的宽度。

2、因此，目前最安全的做法，就是将每个圆角边框的风格和宽度，都设为一样的值，并且避免使用百分比值。

3、把一个圆切成四等份，每一份用相对定位放在盒子的四个角上，盒子用border属性，见过我的一个朋友这样写。

4、而且背景图片不会随着滚动条滚动而滚动，实现背景图片的自适应。

Q2: css圆角背景图片怎么弄呀?

1、CSS3圆角只需设置一个属性：border-radius（含义是边框半径）。你为这个属性提供一个值，就能同时设置四个圆角的半径。所有合法的CSS度量值都可以使用：em、ex、pt、px、百分比等等。

2、首先，打开html编辑器，新建html文件，例如：index.html。在index.html中的标签中，输入css代码：img { border-radius： 20px}。浏览器运行index.html页面，此时页面插入的图片会自动显示圆角20px的。

3、} 设置DIV对象盒子左上角和右上角5px圆角，其它两个角为0不圆角说明：border-radius：3px 4px 5px 6px代表设置对象左上角3px圆角、右上角4px圆角、右下角5px圆角、左下角6px圆角。

4、在css3中，直接在图片上使用box-shadow 和 border-radius，浏览器并不能很好的渲染。但是如果把图片作为background-image，添加的样式浏览器可以很好的渲染。我将会介绍如何使用box-shadow， border-radius 和 transition创建不同图片样式效果。

5、CSS3圆角只需设置一个属性：border-radius(含义是边框半径)。你为这个属性提供一个值，就能同时设置四个圆角的半径。所有合法的CSS度量值都可以使用：em、ex、pt、px、百分比等等。

6、一般是用画好的圆角图片充当背景来实现的，用photoshop画好圆角，切成需要的大小来填充背景即可 当然也有不要图片的做法，原理就是通过div来模拟像素的拐角，做法太极端，一般不采用。

关于css背景是圆形和css设置图片为圆形的介绍到此就结束了，不知道你从中找到你需要的信息了吗 ？如果你还想了解更多这方面的信息，记得收藏关注本站。