如何在带有圆角的渐变边框中使用纯CSS？

文章/答案/技术大牛

发布

3回答

如何在HTML / CSS中实现此按钮？

html、css、button

这是一个按钮，它最初是在Silverlight中实现和设计的。示例图片中的红色是页面背景，而不是按钮的一部分

浏览 7提问于2011-06-03得票数 1

回答已采纳

1回答

html、css、forms、checkbox、pseudo-element

我使用下面描述的方法制作了一个带有渐变边框的内容框：https://dev.to/afif/border-with-gradient-and-radius-387f 不幸的是，表单、复选框和单选按钮不再有效这似乎与使用::before之类的伪元素有关，因为注释掉了content属性删除了渐变边框并恢复了功能。此外，包含伪元素的框外内容也可以正

浏览 37提问于2021-10-02得票数 0

回答已采纳

3回答

线性布局的xml中的渐变

android、view、gradient

如何在xml中为线性布局设置渐变。我想在布局中为视图绘制带有圆角边的边框。如果有人试过了，就贴上一些例子。

浏览 0提问于2012-01-04得票数 1

回答已采纳

1回答

火花皮设计的工具和过程

actionscript-3、apache-flex、flex-spark

我来自web开发背景，在那里，网站的剥皮过程通常如下所示：现在，我正在开发一个用Adobe开发的应用程序，我想知道最好的方法应该

浏览 0提问于2013-04-28得票数 0

回答已采纳

3回答

对旧浏览器的CSS3支持

html、css

我对CSS3概念很陌生，并试图理解同样的概念。它会自动退回到一些旧的硼砂器上的渲染(例如，普通边框而不是圆形)吗？我是否可以在使用其他库的旧IE浏览器(例如

浏览 5提问于2015-06-08得票数 3

4回答

如何通过CSS创建带有渐变色带边框的矩形？

css、sass、border、linear-gradients

我想创建圆角矩形与渐变彩色条纹边框。这就是它所需要的样子：我试着四处搜索，我发现(SCSS)例子：。repeating-linear-gradient( #606dbc, #465298 10px, );如您所见，该功能只影响后台，而不影响边框。如何

浏览 7提问于2016-05-31得票数 6

回答已采纳

2回答

圆角和阴影应用于一个div？

javascript、jquery

除了CSS，还有什么建议吗？我已经尝试过JQuery (dropCurves，阴影，阴影边框，角osv)。

浏览 7提问于2009-10-19得票数 1

3回答

具有梯度边界的CSS3圆？

gradient、css

我试图在纯css3中复制一个绿色的方形图像。您可以在这里看到图像：到目前为止，我已经成功地生成了正方形，看上去就像图像中的那个。问题是正方形中圆圈的边界。如您所见，图像中该圆圈的边界是渐变的，而我的边界不是渐变(参见小提琴)，我不知道如何在CSS中复制.我目前使用

浏览 2提问于2014-10-11得票数 4

回答已采纳

1回答

带有渐变和中间透明的Android形状边框

android、android-layout

我需要创建一个圆角边框，其中边框与渐变。是working.But，我的页面使用一个图像作为背景，它也带有渐变。我需要显示中间的背景图像。我想要像下面的图片一样：

浏览 2提问于2016-10-29得票数 16

3回答

如何在IE9中显示渐变填充元素的边框？

html、css、internet-explorer-9、border、gradient

我希望表格的标题单元格具有特定的边框颜色和渐变填充。我希望它看起来像这样：下面是上述代码的html：<meta content="text/html; charset=utf-8" http-equiv="Content-Type"> <link href="styles.css<td>Primates</td&g

浏览 0提问于2011-07-06得票数 4

回答已采纳

2回答

在LibGDX中将形状绘制为纹理

java、android、opengl、libgdx

我正在创建菜单在我的游戏，特别是矩形圆角和边框。我可以用一个形状渲染器来完成这个任务，但是我不能混合形状渲染器和精灵批处理器。目前，我的分辨率似乎是使用大形状的PNG和缩放它们，但在许多设备上，这会产生模糊的角落。我阅读了关于网格、着色器的教程，在精灵批次之后使用形状渲染器(复杂层和性能影响)，9补丁(边框变模糊，不能正确地进行渐变)。在android中，它非常简单，我们只是用XM

浏览 2提问于2014-07-23得票数 2

回答已采纳

2回答

如何用透明的android背景制作渐变笔触

android、xml

我想创建一个EditText，它将有一个透明的白色背景(大约30%)和渐变作为笔触，但我不知道如何才能使渐变作为笔触颜色。我试着这样做：你能在这个问题上帮我吗？

浏览 0提问于2016-05-19得票数 1

2回答

iPad输入按钮样式

css、forms、ipad

主要是在iPad中查看时，表单按钮的样式不一致。由于某些原因，background-color和padding的CSS样式在iPad中不适用。我得到了默认的外观按钮，带有渐变和圆角，这不是我想要的。我还想避免使用图像。CSS background: #fff; color: #000; font: 0.625em '

浏览 1提问于2013-07-30得票数 10

回答已采纳

2回答

html按钮上的可移植圆角

html、css、layout、button

我有一个简单的html按钮，我把它包装成一个div。我知道这样的按钮在不同的浏览器上可能呈现不同的效果。<div id="but_begin"><button type="button" id="but2_begin">Go</button></div> 我在按钮上设置了以下CSS (使用JQuery)：$("#but2_begin").<e

浏览 1提问于2012-03-19得票数 0

回答已采纳

1回答

CSS中的复杂边界半径问题(从边缘曲线到拐角曲线)

html、css、svg、canvas

创建圆角是很容易的，但是当涉及到在边缘应用不同的曲线和对角应用不同的曲线时，我们在一定程度上受到border-radius灵活性的限制。我有一个形状(不确定它的名字.)我想要创建的，理想情况下，只使用CSS。我还考虑过应用某些transform，但没有一个可用的转换看起来合适。有人能建议一个CSS技巧来创建这个形状吗？或者，或者，我如何在HTML5画布中创建这个

浏览 3提问于2019-11-30得票数 0

回答已采纳

3回答

使用CSS或javascript/jQuery，我将使用哪种方法来使我的站点的导航栏看起来更像3D？

javascript、html、css、web

我看到很多公司的顶部都有灰色条，看起来有点“圆”而不是扁平。我猜它不仅仅是css中的background: grey？我怎么才能让它看起来有点突出呢？

浏览 1提问于2012-08-18得票数 0

回答已采纳

1回答

显示固定大小块内有圆角的任意大小的图像。

javascript、jquery、html、css

我需要在一个固定大小的块内显示一个任意大小的图像。图像需要有圆角。图像必须填充整个块；如果图像大于或小于块，则必须调整其大小，如果图像的纵横比与块的纵横比不同，则必须进行垂直和水平裁剪和居中。到目前为止，我已经尝试过：使用CSS边框半径<

浏览 4提问于2012-05-22得票数 0

回答已采纳

4回答

使用图像的CSS无边界选项卡

css

在选项卡所在的堆栈溢出的用户页面上(统计、最近、响应等)你会产生一种错觉，那就是标签是他们所坐的线的延伸。堆栈溢出通过定义纯CSS边框来创建此效果。我想达到同样的效果，但我有图像，为标签和线，他们正坐在上面。我有一个圆角盒子(白色背景，灰色轮廓)。标签位于顶部，颜色相同。标签有圆角，没有底部边框。标签位于盒子的div之前的div中。为了达到上述

浏览 0提问于2008-11-18得票数 3

回答已采纳

2回答

CSS3饼:圆角减慢了IE9的速度，尽管它在本地支持它们

performance、internet-explorer-9、delay、css、css3pie

我使用将对圆角的支持添加到IE7/8中。我发现，当页面上有许多带有圆角的元素时，IE9中的性能在启用饼图时会显著下降:滚动变得滞后，简单的悬停效果(如链接颜色变化)明显延迟，等等。但是根据PIE自己的文档，如果浏览器本机支持您正在使用的特定CSS3特性，PIE在CSS3中“什么也不做

浏览 1提问于2012-01-06得票数 3

回答已采纳

4回答

HTML双曲线标签设计

html、css、tabs

有没有办法做这样的标签设计？我似乎在网上找不到好的代码来完成它。每个标签有两个边界半径。这有可能吗？ 

浏览 2提问于2017-08-05得票数 0

点击加载更多

如何在HTML / CSS中实现此按钮？