我创建了一个使用4张图片并排显示销售咨询过程的图形。我已经使用CSS将它们设置为圆形图像的样式，并添加了背景图像以直观地链接图像。是否有CSS为4个圆形图像添加深灰色边框或轮廓？
请参阅此处的屏幕截图：
请参阅
提前感谢！
浏览 2提问于2015-02-24得票数 0
5回答
我使用的是jquery幻灯片，效果非常好。唯一的问题是，它不会在Google Chrome中的图片"div“上显示圆形边框，尽管我特别使用了Chrome的CSS圆形边框样式。因为我知道几乎所有的浏览器都使用自己的代码来设置圆形边框，所以我已经设置了所有可用的浏览器设置。但是，它在Chrome上仍然不能正常工作。
而不是用超文本标记语言和CSS填充这个小页面，我宁愿给你幻灯片的，如果你愿意，你可以阅读源代码，CSS链接在head标签中。
浏览 0提问于2012-12-20得票数 2
回答已采纳
1回答
我正在尝试制作一个圆形图像，但它一直显示为一个椭圆形。我让它像一个圆一样工作的唯一方法是使用下面的css代码： .teamImage {
border-radius: 50px;
width: 50px;
height: 50px;} 然而，它显示的方式太小了，而且它也没有居中。示例如下： ? 使用这段css代码，我得到了一个很大的椭圆形状： .teamImage {
border-radius: 50%;
} ? 我希望它看起来像第二张图片，长度/高度方向，但在一个完美的圆形形状。 这是.pug文件中的内容： .columns
.column.
浏览 8提问于2019-01-17得票数 2
回答已采纳
假设你有一大堆图片要在页面上显示(20+)，是使用一组透明背景的pngs来产生圆角图像效果，还是使用jpgs并使用css使图像变圆更好？
我正在尝试显著提高客户端站点的性能。纯粹从用户性能的角度来看，以下哪个选项可能会提供更好的结果。
选项1-图像格式:具有透明边缘的png，使图像看起来像圆形。
选项2-图像格式:使用边框半径css属性将图像四舍五入为圆形。
请随时提供见解。当将来被问到这一点时，它有助于理解这一点。
浏览 3提问于2017-05-03得票数 0
4回答
我有一个学生链接列表，可以指向他们的个人资料，所以我想要的是笑脸，而不是普通的圆形项目符号。图片大小为14x14。我可以做些什么来使项目符号仅使用CSS显示？
ul {
list-style-type:url(smiley.tiff);
text-transform:capitalize;
}
浏览 1提问于2013-07-31得票数 1
2回答
在滚动上绘制/显示路径
、、、
我需要建立一个响应时间线上滚动动画。本简介的一部分是在滚动时显示一条路径-路径是一系列圆形圆圈，如-
我需要从左到右透露，这张图片是一个背景不透明的PNG，因为下面的租户身上还有其他事情--基本上我被一个像样的方法难住了。是否可以使用纯CSS或CSS /JS的组合从左到右显示不透明的图像？
浏览 2提问于2014-10-09得票数 0
4回答
我使用了下面的图片作为链接的背景图片。
如果我将鼠标悬停在图像上，链接也会显示在边缘。我只想显示准确的圆形图像的链接，而不是空白边缘。有没有可能在css中做到这一点？
css:
.buy_purple a{ background-image:url(../imagesf/buy_purple.png); width:81px; height:57px; background-repeat:no-repeat; float:right; font-size:20px; font-weight:bold; text-shadow: 1px 1px 2px #c9a3c2; t
浏览 0提问于2012-11-09得票数 0
我正在将TD中的图像插入到一个表中
style="background-image: url("my_url_goes_here")
然后，我在TD中应用了一个透明的PNG蒙版，这样它就会使图像的角变圆(与背景角的颜色相同，并显示在图片的中间)
我想知道我是否可以在CSS部件(style = "background-image: url())中编写图像的ALT，就像我要将ALT写到蒙版图像(这是用户可以保存的，如果他们右键单击图像)，谷歌将索引透明蒙版与ALT从图像。
如果不清楚我在问什么，我会进一步解释，直接问就行了。
另外，我的一个朋友几分钟前在电话中告诉我
浏览 0提问于2012-06-08得票数 0
回答已采纳
我想让我的圆形div把文本保存在里面。就像你在图片上看到的
如何使用CSS实现这一点？因为我的圆形div，将会有一个正方形的文本。
div {
width: 320px;
height: 320px;
border-radius: 50%;
background: #333;
color: #FFF;
}
浏览 22提问于2013-11-11得票数 36
回答已采纳
2回答
我正在尝试使个人资料图片的圆形边框，但我不能得到的CSS工作。我的CSS和HTML代码如下所示
.author-image {
width: 50px;
height: 50px;
border-radius: 50%;
}
<div class="author-info">
<img src="https://placeholdit.imgix.net/~text?txtsize=33&txt=Avatar&w=150&h=150" class="author-image">
浏览 8提问于2017-01-20得票数 0
回答已采纳
我昨天问了这个问题，得到了一个很棒的 -非常感谢杰拉多。
这个例子使用了透明背景的图片(见下面的Opera和Chrome图片)，它的效果很好，但是，我想提供适合圆形的正方形图片。
我在CSS和Bootstrap圆形图像中尝试了边框半径，但这些都不起作用--可能是因为它是一个标签，而不是一个标签。
这是呈现的标记，以防万一。
<image xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="female1.png" class="circle-image" height=
浏览 0提问于2017-05-11得票数 2
我构建了我的第一个phonegap Jquery应用程序我正在使用这个类更改我的图标
.ui-icon-myapp-email {
background-image: url("app-icon-email.png");
}
这个自定义图标是为列表视图，我试图删除圆形灰色背景加载，我的图片是有点大的形状，我正在玩的.ui图标，但不工作找不到类
我只想要我的自定义箭头图片全尺寸的白色背景列表，没有圆形，没有圆框形状，也许有一个属性或通过css来使感谢
浏览 0提问于2012-05-27得票数 8
1回答
如何在表头设置不同维度的徽标
、、、、
我在一个项目中，系统要求公司上传他们的标志，一旦他们上传他们的标志，标志显示在标题的左上角。
现在不同的公司有不同的logo大小，一些公司用水平的方式表示他们的logo，有些公司用垂直的、方形的、圆形的等等。
在我的网站上的标志空间是矩形的形式，因为它显示在下面的图片中的phpMyAdmin标志，我想要管理的公司上传的标志从他们的帐户以相同的方式，无论他们的标志是矩形形式或方形或圆形。
如果它可以通过html，css来实现，那就太好了，否则，如果我必须在使用php上传时调整logo图像的大小，那么我应该如何在php中调整图像的大小呢？
浏览 9提问于2017-02-17得票数 1
我真的希望有人能帮助我。我试图在CSS中创建一个圆形菜单栏，我已经搜索了一遍又一遍解决方案，但什么也没有找到。我知道如何创建圆形区域(通过设置半径)，也知道如何使用<ul> & <li>创建一个简单的直线菜单，但如上所述，我想创建一个圆形区域。
这里有一张图片，上面是我想做的事情：
如果有人能在这方面帮助我，我将万分感激。
浏览 1提问于2013-05-15得票数 3
1回答
圆形图像
、、、
在我的应用程序中，允许用户选择他们想要的图片，该图片显示在picturebox中。我想知道有没有办法让他们选择的图片变成圆形而不是正方形？我希望他们选择的所有图像都是圆形的。
有没有办法做到这一点？甚至不需要是一个picturebox控件，任何可以实现这一点的东西都可以
我试过了，但没有成功--
浏览 0提问于2015-07-30得票数 0
我是一个全新的CSS的新手，正在使用来制作一个圆形的图像。但我无论如何也想不出如何在我的网站上将图片居中。任何帮助都将不胜感激。
浏览 0提问于2014-02-08得票数 0
1回答
我使用.png图片作为我的安卓应用程序的图标。问题是在显示图标时图像尺寸(纵横比)没有保留。例如，当设置为应用程序图标时，圆形图像会扭曲为椭圆形。
浏览 2提问于2014-09-23得票数 2
在我的网站上，我有几个图片是用户配置文件图像。在不同的地方，图片是不同的大小，但我希望它总是有一个圆形的边缘，永远是方形的。
目前我有：
img.profile_pic {border-radius: 50%;
border: 0px;}
然后使用其他类(如wide_150 )将其扩展为150px。
有没有办法强迫图片是正方形的使用css？
浏览 5提问于2015-01-27得票数 2
回答已采纳
我正尝试在我的github页面中使用markdown显示圆形/圆形图像。现在我可以像这样显示图像，check this please，但我需要图像是这样的，here 请查看我的github页面，here仍在处理它 我在网上搜索了几篇文章，它们都是用超文本标记语言和CSS来显示圆形图像的On w3schools。但是我想使用markdown来显示图像。是否可以使用markdown显示圆形图像。我是这里的菜鸟，请帮帮我。
浏览 103提问于2021-05-01得票数 3
回答已采纳
1回答
我正试图在我的MKMapView上添加一个圆形区域，就像下面的图片一样，用于我当前的位置。我可以用注解钉在地图上，但不知道如何让它显示半径这样的圆形区域，并给它加阴影。
浏览 8提问于2014-05-02得票数 2
回答已采纳
1回答
我想用RoR来显示圆形图像。请看我下面的图片标签，并帮助我如何将它转换成圆形。
<%= image_tag(current_user.picture_url, :width => 70,:height => 60 ) %>
不要混淆行"current_user.picture_url“，它是从数据库中获取图像url。
浏览 2提问于2015-04-07得票数 0
回答已采纳
2回答
做一个像图像一样的按钮是可定位的吗？它不需要是圆形的，只是有，无论如何，有gice的凹槽效果上升的按钮和文字字段区域在颤振？图片的链接也是"“--这是由css制作的，如果有什么窍门要做的话--材料设计--也许是css导入了这样的作品？
浏览 2提问于2020-03-16得票数 0
回答已采纳
我不太清楚如何描述它，但我想用CSS创建这个曲线设计：
目前不好的解决方案是创建一个半椭圆形的白色，削减到底部的颜色，但创建半椭圆形不是很顺利。以下是我所拥有的：
我的半椭圆密码：
<div style={{
backgroundColor: 'white',
height: '100px',
width: '100%',
borderRadius: '50%/100%',
borderTopLeftRadius: '0',
浏览 6提问于2021-05-31得票数 1
回答已采纳
1回答
我正在matlab中绘制一些数据
[hAxes,hBar,hLine] = plotyy(0:n , data , 0:n , moredata , 'bar' , 'plot');
为了得到我称之为的圆形标记
set(hLine,'Marker','o');
给出图片
但是我想去掉标记之间的蓝线，只显示圆形标记。我该怎么做？
浏览 0提问于2014-07-10得票数 1
回答已采纳
1回答
仅仅用html和css就可以达到这种效果吗？在示例图像中，您可以看到鼠标悬停的放大圆形区域(从更高分辨率的源图片)。它不应该是圆形的，也不是有边界的。
在这个中，您可以看到一个很好的例子(但是它使用jquery，我不知道将这些代码放在我的网页中的位置)
这里有人能告诉我怎么开始编码吗？(万一这是可行的)。非常感谢！
浏览 6提问于2014-09-05得票数 0
回答已采纳
我想使用HTML和CSS创建一个矩形，如下所示。
是否有一种方法可以在不知道按钮/div的精确宽度和高度的情况下，获得上面图片中所示的圆形矩形(左和右部分应该看起来像半圆)？
使用border-radius: 50%将产生一个椭圆形。主要的问题是我不知道矩形的确切尺寸。
更新
正如@Deykun所说，对于边界半径，我可以使用足够大的固定值。
浏览 4提问于2020-06-22得票数 0
回答已采纳
4回答
我想用CSS3做这个形状。有可能吗？
我的计划是在背景中放一张图片，所以我希望这部分是透明的(圆形部分)
编辑:最大的问题是背景不是纯色，它是图像，div主体的背景必须是半透明的。
浏览 1提问于2014-01-21得票数 4
2回答
我想用css创建一个模拟波浪运动的动画。
为此，我需要将直线或div更改为曲线。
我熟悉的CSS规则，让整个div变成半圆形或者改变元素的边框。
例如：border-radius、perspective或border-top-radius...
这张图片展示了我想要的东西：
你有这方面的经验吗？或者这是可能的？
先谢谢你...
浏览 1提问于2013-12-27得票数 38
回答已采纳
3回答
圆形图像被水平或垂直拉长
、、、、
我必须显示一个带有圆形物体(一个球)的开机画面。splash的布局是一个简单的线性布局，只有一个图像视图来占据整个屏幕。
图片:大小为1280x720的单张图片。
当我的闪屏在App中显示时，圆形对象在不同的屏幕大小下以不同的形状显示。我希望宽高比和分辨率是导致这些拉长图像的原因。
你能提出一个解决这个问题的想法/方法吗？我需要考虑宽高比还是分辨率，还是两者兼而有之？
最后，在所有设备中，球应该看起来像球:)
提前谢谢。
浏览 3提问于2014-07-12得票数 0
1回答
我试图创建一个在底部有一个sliding drawer的活动，允许用户向上滑动并显示一个菜单(在我的图片中显示为灰色区域)。我现在有两个问题：
滑动动画:当用户开始拖动时，我希望文本和图像在抽屉被拖动时动态调整大小和移动(见下面的图片)。我有一个工作滑动抽屉，但没有动画。
圆形图像：我希望圆形图像(在下面的图片中看到)在滑动布局的一半位置，但我似乎不知道如何做到这一点。有什么建议吗？
下面的图片展示了我想要达到的目标：
滑动抽屉完全关闭：
滑动抽屉打开一小部分：
滑动抽屉打开更多：
滑动抽屉一路打开：
(对不起，我没有代表直接发照片)
浏览 2提问于2015-07-25得票数 1
回答已采纳
2回答
如何设置自定义电子邮件地址的配置文件图片，即出现在主题旁边的图片，如Gmail。例如，如果没有设置图像，则图片将使用圆形立方体显示Gmail中发件人姓名的第一个字母？
浏览 0提问于2016-06-06得票数 3
我得到了一张width=300px和height=300px的长方形图片。
我想在一个圆圈内显示这张图片，并想出了以下CSS：
img {
width: 300px;
height: 300px;
background-color: white;
border-radius: 50%;
border: 2px solid black;
}
我现在面临的问题是，这张照片似乎并不能很好地融入圆圈。它看起来很大，我认为这是因为圆形的形状是从图像的一部分中剪裁出来的。那么，我怎么能避免这种情况呢？我想我可以简单地上传一个更小的图片。但是，尺寸为200 px200 it的图像可能会被
浏览 1提问于2022-06-12得票数 0
1回答
我从网上下载了一张图片，现在我想在循环form.right中显示图像，现在图像不是圆形的，form.It在图像视图的顶部和底部显示空白。用于该图像的代码如下：
self.profileview.layer.cornerRadius = self.profileview.frame.height / 2
self.profileview.layer.borderWidth = 1.0
self.profileview.layer.borderColor = UIColor.black.cgColor
self.profileimg.clipsToB
浏览 1提问于2020-10-06得票数 2
回答已采纳
4回答
我正在尝试创建一个圆形的绘图，作为配置文件图片(循环图像)的覆盖，我编写了下面的循环可绘制覆盖层代码，
<?xml version="1.0" encoding="utf-8"?>
<layer-list xmlns:android="http://schemas.android.com/apk/res/android">
<item>
<shape>
<solid android:color="@color/light_bl
浏览 6提问于2015-05-11得票数 0
回答已采纳
1回答
我正在努力使我的形象完美圆润和反应灵敏。我使用的引导带4的类rounded-circle与img-fluid，但图像是椭圆形，而不是圆形。这些图片将由用户上传，所以它们不会(总是)平方。
.nh-service-card img {
object-fit: cover;
}
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap@4.5.3/dist/css/bootstrap.min.css" integrity="sha384-TX8t27EcRE3e/ih
浏览 4提问于2021-08-12得票数 0
回答已采纳
我不太确定这是否可以在纯CSS中实现，尽管它会更可取。我有一张图片：
<img src="#" class="article-thumb">
CSS：
.article-thumb {
height: 55%;
}
那么，怎样才能使width与height相等呢？我正在尝试实现一个完美的圆形(所以我显然应用了一些border-radius )，这也可以缩放以填充它的容器(实际上是在height中填充它的容器的55% )
浏览 1提问于2015-03-03得票数 1
1回答
例如，当你在搜索一个城市时，谷歌地图本身可以高亮显示一些区域。
因为我没有通过搜索功能和谷歌找到很多东西...
在android地图视图中，有没有一种方法可以高亮显示一个区域(圆形或矩形)，或者我是否需要计算图片(例如圆形)的必要大小(取决于缩放级别)，并将其放置为地图覆盖，每当缩放级别发生变化时，地图覆盖就必须被替换？
浏览 0提问于2012-06-21得票数 0
回答已采纳
4回答
图像(HTML和CSS)
、、、
我有一个关于图像的查询，只使用html和css (如果可能)。我想有一个图像(例如，一个城市的壁纸图像在夜间)转换成一个圆形的边界与周围。希望我也能把这个图片当做一个按钮，并给它添加文本。
举个例子，中间是一个圆形的足球场。被一个小边框包围着。当你点击图像(上面会有文字)时，你就会被转移到其他地方……我的poage上会有4个这样的图像。
谢谢
在这件事上的所有帮助都将不胜感激。
浏览 1提问于2015-02-18得票数 1
1回答
我想展示一个HTML/CSS/JS原型的视频，没有问题。现在的诀窍是，在设计上，视频是一个圆形的形状。放置控件将是一个挑战，但我的问题是:是否有可能在HTML、CSS或JS中显示一个圆形的视频？
提前感谢！
PS:支持并不是很重要，因为它对原型很重要
浏览 2提问于2012-06-07得票数 1
回答已采纳
4回答
我试图用代码来制作一个框架，这样我就可以把它应用到圆形的内角，里面有一个坚实的填充和透明的内部。就像一个坚固的长方形，里面有透明的椭圆形。图片附在一起。我尝试过很少的形状组合，所有的在线显示角落外面。
内部应该透明，而不是白色。图片是从这个，但这里提出的解决方案不是我要找的，我不想使用一个9补丁可绘制，但希望在代码中创建。
请只回答有效的问题。
浏览 5提问于2012-06-27得票数 29
回答已采纳
我看过很多关于给图片添加填充的帖子，但是没有一个能帮到我。如果你们不能给我一个答案，请你们中的任何一个人给我指引正确的方向？
我有一个圆形的图像视图。在显示边框之前，我想在圆形图像视图周围添加空间，例如
我如何实现这一点？提前感谢
浏览 0提问于2017-09-28得票数 0
我有两张图片。一个是圆边的图片，另一个是圆形边框的图片。我想把框架放在图片上，让它看起来像是一张单独的图像。我正在努力使用CSS来做到这一点，因为在不同的屏幕尺寸上，它不会保持不变。
这是我的HTML：
<div class="image">
<img src="picture.png" id="profile"/>
<img src="frame.png" id="frame"/>
</div>
我的CSS：
div.image {positio
浏览 0提问于2017-01-31得票数 0
嗨，我是安卓的新手，我想在图像视图上显示一个圆形的，取消，按钮来关闭对话框，就像对话框顶部的图片一样。
浏览 0提问于2018-09-12得票数 0
回答已采纳
我在div标签中放置了一个圆形的图像。现在我想在这张图片上放一个字体超赞的旋转器。
我正在寻找的效果是使旋转图像边框，例如与。
旋转器和图像必须具有相同的半径。
解决方案可以不使用字体-可怕的旋转器，但使用纯CSS3。
浏览 7提问于2015-09-06得票数 0
回答已采纳
3回答
我有一个圆形的形象，我想突出红色，黄色或绿色有时。CSS能用来做这个吗？
我知道我可以做一些类似border:#CCCCCC thin solid;的事情，但我希望突出显示与图像的形状相同(在本例中为圆形)。
浏览 1提问于2013-06-30得票数 0
回答已采纳
1回答
我已经创建了一个应用程序来查找酒店，我正在使用滑块来显示所有与酒店相关的图像。但我想在最后一张幻灯片后获得圆形样式的第一张图像。
通过下面的图片获得想法，因为我想以同样的方式实现它。
滑动
滑动
滑动
滑动
所有的图像必须在滑动时，在画廊中的图像没有终点的圆形时尚。
浏览 2提问于2013-09-19得票数 0
我有一些圆形的图片(png)，我想让他们作为一个可点击的区域为一些链接。我试图在css中这样做：
a { color: #234c9e; text-decoration: none; line-height: inherit; display: block; border: 3px dashed #000;}
但它只适用于平方图像。这是简单的，还是我需要为此寻找javascript？
浏览 1提问于2013-10-13得票数 1
回答已采纳
1回答
我目前正在"Visual Studio2015 C#“中设计一个程序，并希望实现圆形图片框。在程序中有图片框，这些图片框的源图像是从web下载的。在默认状态下，"picturebox“是正方形的。我想知道如何将"picturebox“的形状更改为圆形。这样，加载时的图像将是圆形的，而不是方形或矩形的。
我已经知道如何缩小图像并保持其质量并居中，但我不知道如何将"picturebox“更改为圆形。
我找到了几种方法来做到这一点，但不幸的是，使用这种方法，圆并不平滑，相反，它是像素化的。
这是我想要的一个例子：
浏览 0提问于2016-02-28得票数 2
我有一个关于循环ImageView的问题。当我尝试设置我的ImageView的背景颜色时，它实际上是一个正方形而不是一个圆形，而实际上我希望ImageView是一个简单的圆形ImageView，其中包含一些文本作为图像。这是我的尝试。
ImageView imageView = postViewHolder.fourthCommenter;
Bitmap b=Bitmap.createBitmap(30, 30, Bitmap.Config.ARGB_8888);
BitmapShader shader = new BitmapShader(b, Shader.TileMode.CLAMP,
浏览 5提问于2016-09-14得票数 1
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
对象存储
即时通信 IM
实时音视频活动推荐
腾讯云开发者
