html–css3圆形图像不起作用_html-js-css

概述我正在尝试使用css 3制作方形图片循环.每个请求发布我的整个代码HTML<!DOCTYPE html> <head> <meta http-equiv='Content-Type' content='text/html; charset=UTF-8' /> <title>Hello<

我正在尝试使用CSS 3制作方形图片循环.

每个请求发布我的整个代码
HTML

CSS：在home_page.CSS里面
.image-wrap {    -webkit-border-radius: 50em;    -moz-border-radius: 50em;    border-radius: 50em;}
最佳答案你需要设置< img>显示：阻止并设置其border-radius,而不是父元素或除父元素之外.您也可以使用50％的圆形元素.并从图像中删除不透明度：0,否则它将不可见.我已经包含了一个background-image：url()示例,以防这是您的问题.
演示：
输出：
CSS：
.circle {    border: 1px solID black;    border-radius: 50%;    display: inline-block;}.circle img {    border-radius: 50%;    display: block;}.background-circle {    background-image: url( 'http://lorempixel.com/200/200/cats/' );    height: 200px;    wIDth: 200px;}
HTML：
          总结       以上是内存溢出为你收集整理的html  –  css3圆形图像不起作用全部内容，希望文章能够帮你解决html  –  css3圆形图像不起作用所遇到的程序开发问题。
如果觉得内存溢出网站内容还不错，欢迎将内存溢出网站推荐给程序员好友。
欢迎分享，转载请注明来源：内存溢出
原文地址:https://54852.com/web/1124311.html

html–css3圆形图像不起作用

`发表评论`

`评论列表（0条）`