有没有什么办法让图片显示出来是圆角的而不是方角的？？

yezhutou 2005-05-08 03:18:27

我想让图片显示出来时，边框是有弧度的，而不是四四方方的，不知道有没有什么方法可以设置图片的这种样式？

...全文

163 6 打赏收藏转发到动态举报

写回复

6 条回复

切换为时间正序

请发表友善的回复…

发表回复

yezhutou 2005-05-17

打赏
举报

回复

我得到一个好方法，有兴趣的朋友也可以到亿唐去把他们的CSS文件下下来看一下，我觉得真的想得很出色

yezhutou 2005-05-12

打赏
举报

回复

up

yezhutou 2005-05-09

打赏
举报

回复

请问样式控制怎么控制啊，请说具体详细点啊

qunluo 2005-05-08

打赏
举报

回复

呵,太奇怪了!

图片要圆要方还不是你处理啊!

cyj920 2005-05-08

打赏
举报

回复

有样式控制的。

mybaby11 2005-05-08

打赏
举报

回复

up

1、图片圆角显示例如（非常简单）： HTML：

CSS： img{ border-radius: 10px; } 如果图片只为圆角，这种方式确实没问题，但...

圆角的容器，改变背景色时，新背景色却并不是圆角，而是填充的直角：解决办法：给容器加样式 overflow: hidden;

最近有个工作中有个需求就是展示的图片必须圆角、正方形，当时一想这太尼玛简单了，无非就是设置一个图片参数的大小，然后在设置一个centerCrop的属性，在自定义一个类去继承BitmapTransformation重画一下。结果写的时候发现，在glide4.0上面 centerCrop和圆角图片有冲突只能显示一个，结果就度娘问了一边，大部分都是下面这行代码，发现这个在glide4.0上面

处理圆角需要对四张图片的合适安置—每个圆角用一张。每个圆角都要独立出来，以便框能够在各个方向伸展。于是，四张图片就意味着需要四个HTML对象来作为背景图片的载体...是不是觉得有点难度呢？嘿嘿，下文会带您详细的说明～要一个宽度不固定的框，事情变得有些复杂了。宽度不固定，就意味着这个框在水平和垂直方向都有足够灵活的变化。　　为什么说这更难一些呢？因为它需要对四张图片的合适安置——每

先扯两句不知道多长时间没有登录发文章了，正好今天不太忙进来看一眼，然后看到好多人都已经开始自己公众号了，看看自己的工作年限也不短了，可是感觉好久没有干正事了，还是老老实实打开文档开始写吧。正文随着UI越来越美观，原本直来直去的布局样式越来越不受喜欢，圆角样式，这个最简单的优化方案在越来越多的场合下被应用到。而具体怎么样才能展示出圆角的效果，相比大家都有N多中方案，我这里就列举一些自己常用的方案吧。当然，还有一些第三方的框架支持，这里就不列举了，主要是我个人感觉为了一个简单的效果，集成一个库不太划算，尤

28,406

社区成员

356,946

社区内容

发帖

与我相关

我的任务

社区管理员

加入社区

近7日
近30日
至今

加载中

查看更多榜单

社区公告

暂无公告

试试用AI创作助手写篇文章吧

+ 用AI写文章