怎么用CSS将图片显示成圆角[图]
1个回答
展开全部
用CSS将图片显示成圆角的成效图。 看到了吧，这就是用纯CSS完成的圆角化图片，为了能看到通明化的成效，我特意使用了一个背景图片，你可以下载本模型到你的计算机中，随意伸缩窗口的大小，看看外圆角能无法是通明的。 有了这种成效，你再也不愁给每一张图片作圆角的任务，这种成效在一些图片类的演示页面中经多见到，特别适用那些图片比拟多的列表中。如何样，成效还可以吧！ 好了，咱们来看看它的完成机制吧！ 完成原理： 这种成效原本就是我在第二章中变体完成，下面讲一讲首要的主要代码。
首要改变的照旧背景图片的定位，只是这一次与第二章中的有些不一样，这次须要思索到下面的两个圆角的改变。 先看看上面两个圆角的完成： /*图片偏移定位--上面局部*/
.sharp b.b2{background-position:-4px top;}
.sharp b.b3{background-position:-2px -1px;}
.sharp b.b4{background-position:-1px -2px;} 再看看下面两个圆角的样式配置，下面局部和上面局部是互相对应的。 /*图片偏移定位--下面局部*/
.sharp b.b7{background-position:-4px bottom;}
.sharp b.b5{background-position:-1px bottom;} 不一样的图片调用样式： /*颜色方案一,绿色作风----------------------------------------*//*边框色*/
首要改变的照旧背景图片的定位，只是这一次与第二章中的有些不一样，这次须要思索到下面的两个圆角的改变。 先看看上面两个圆角的完成： /*图片偏移定位--上面局部*/
.sharp b.b2{background-position:-4px top;}
.sharp b.b3{background-position:-2px -1px;}
.sharp b.b4{background-position:-1px -2px;} 再看看下面两个圆角的样式配置，下面局部和上面局部是互相对应的。 /*图片偏移定位--下面局部*/
.sharp b.b7{background-position:-4px bottom;}
.sharp b.b5{background-position:-1px bottom;} 不一样的图片调用样式： /*颜色方案一,绿色作风----------------------------------------*//*边框色*/
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
博思aippt
2024-07-20 广告
作为深圳市博思云创科技有限公司的工作人员，对于Word文档生成PPT的操作，我们有以下建议：1. 使用另存为功能：在Word中编辑完文档后，点击文件->另存为，选择PowerPoint演示文稿（*.pptx）格式，即可将文档内容转换为PPT...
点击进入详情页
本回答由博思aippt提供
推荐律师服务：
若未解决您的问题，请您详细描述您的问题，通过百度律临进行免费专业咨询
|
广告 您可能关注的内容 |
