设置成这种圆形，原图是方形
我在css样式加border-radius：50%它只会改变左上角。。
css将图片设置成圆形
我在css样式加border-radius：50%它只会改变左上角。。
- 写回答
- 好问题 0 提建议
- 追加酬金
- 关注问题
分享- 邀请回答
-
3条回答 默认 最新
关注使用css设置div的高度和宽度为相等值，将border-radius属性设置为50%，overflow属性设置为hidden。
注意事项
border-radius和overflow属性必须同时设置，缺一不可。
img标签外层的div高度和宽度的设置必须有帮助的话采纳一下哦！谢谢！🙈🙈🙈
本回答被题主选为最佳回答 , 对您是否有帮助呢?评论 打赏解决 1无用举报 分享
- 2021-12-29 21:28回答 3 已采纳 使用css设置div的高度和宽度为相等值，将border-radius属性设置为50%，overflow属性设置为hidden。注意事项border-radius和overflow属性必须同时设置，缺
- 2023-03-27 15:31回答 4 已采纳 首先要确定div的宽高比和图片的宽高比一样，才可以在图片不变形的状态下撑满div，否则肯定会撑不满外层div设置宽高，内层img只需要设置width:100%或者height:100%就行，图片会自适
- 2023-01-05 10:19回答 2 已采纳 你如果只用css实现的话，划过的时候给个背景图不就行了
- 2024-02-18 20:23CJH（本人账号）的博客 我们可以通过 border-radius 属性实现图片圆角。我们上传图片后，将它属性值设置为图片尺寸的一半，即可将正方形图片设置为圆形。
- 2021-11-26 20:35回答 1 已采纳 你这个是 a标签的字体颜色和背景图片颜色一样都是白色 不是覆盖了 你改一下字体颜色就好了 color
- 2022-01-22 10:03回答 2 已采纳 纯色图片的图片颜色么？有很多截图软件都带有取色功能的，比如：Snipaste
- 2022-01-05 10:29回答 1 已采纳 可以用伪类来写，两个class，四个伪类，两个灰色，两个白色 <!DOCTYPE html> <html lang="en"> <head> <me
- 2023-05-11 11:27看潮起潮落的博客 重点：容器宽度高度一样，圆角大小为宽度的一半。css将图片设置为背景并以圆形的形式。
- 2020-04-07 18:55回答 4 已采纳 C:\Users\戴尔\Picture\zhong.jpg => C:/Users/戴尔/Picture/zhong.jpg
- 2022-03-12 10:08回答 3 已采纳 这样改变不了，一个是图片类型引入，一个是背景引入，并不能替换。统一改成背景图 .bottomBox1{ width: 300px; height: 300px;
- 2022-04-08 14:45回答 2 已采纳 很多办法，最简单是用footer的padding，设置上下一样的padding，他就居中了。行高也可以，但是要多包一层，外层设置为footer高度一样的行高，内存设置为每行固定的一个高度。还有flex
- 2021-06-13 15:22weixin_39825045的博客 将图片设置为圆形，同学们都不陌生吧，比如头像。那么 CSS 如何显示圆形图片呢？我们如何将图片变为圆形呢？这篇文章来告诉你。border-radius 属性border-radius 属性是用来实现圆角技术的，我们上传一张正方形图片...
- 2023-03-20 22:21回答 11 已采纳 这个问题的点就是css中的样式和html代码中的样式不能同时生效，所以你这个思路不起作用，建议在html中不设置样式，把图片的url作为变量传入到css中。或者你换种实现方法。 .pic1 { b
- 2023-07-30 16:23苏苏本苏的博客 便使用 border-radius: 50%;但是得到的结果却是一个椭圆形，那怎么修改呢！...第一种：（这种方法会使图片失真，但能达到效果）今天遇到一个问题，我想将。长方形图片改为原型图片。其实有两种方法，但得。
- 2022-11-09 22:11纯CSS3炫酷圆形头像图片过滤特效源码.zip
- 没有解决我的问题, 去提问
问题事件
系统已结题
3月14日
已采纳回答
3月6日-
创建了问题
12月29日
悬赏问题
- ¥20 机器学习能否像多层线性模型一样处理嵌套数据
- ¥20 西门子S7-Graph,S7-300，梯形图
- ¥50 用易语言http 访问不了网页
- ¥50 safari浏览器fetch提交数据后数据丢失问题
- ¥15 matlab不知道怎么改，求解答！！
- ¥15 永磁直线电机的电流环pi调不出来
- ¥15 用stata实现聚类的代码
- ¥15 请问paddlehub能支持移动端开发吗？在Android studio上该如何部署？
- ¥20 docker里部署springboot项目，访问不到扬声器
- ¥15 netty整合springboot之后自动重连失效