如何使用 CSS 用圆圈包围数字？

[英]How to use CSS to surround a number with a circle?

我想将一个数字围成一个圆圈，如下图所示： 这可能吗？它是如何实现的？ ...

CSS 进度圈

[英]CSS Progress Circle

我已经在这个网站上搜索过进度条，但我能找到的进度条显示的动画圈达到了 100%。 我希望它停止在某些百分比，如下面的屏幕截图所示。 有什么办法可以只使用 CSS 来做到这一点吗？ ...

如何画一个中间有文字的圆圈？

[英]How to draw a circle with text in the middle?

我在stackoverflow上找到了这个例子： 单独使用css绘制圆 这很棒。 但是我想知道如何修改该示例以便我可以在圆圈中间包含文本？ 我还发现了这一点： 在 CSS 中垂直和水平居中文本（如 iphone 通知徽章） 但出于某种原因，它对我不起作用。 当我创建以下测试代码时： 我得 ...

比使用图像更容易创建圆形 div 的方法？

[英]Easier way to create circle div than using an image?

我想知道是否有比我现在正在做的更简单的方法来创建圆形 div。 目前，我只是为每个不同的尺寸制作图像，但这样做很烦人。 无论如何使用CSS来制作圆形的div并且我可以指定半径？ ...

如何在 html 页面中画圆？

[英]How to draw circle in html page?

如何使用 HTML5 和 CSS3 绘制圆？ 也可以在里面放文字吗？ ...

如何使用 CSS 绘制复选标记/勾号？

[英]How to draw a checkmark / tick using CSS?

如何使用 CSS绘制刻度符号？ 我发现使用Unicode的符号并不美观。 编辑图标字体是一个很好的建议。 我一直在寻找这样的东西。 ...

波浪形配css

[英]Wavy shape with css

我正在尝试使用 CSS 重新创建此图像： 我不需要它重复。 这是我开始的，但它只有一条直线： #wave { position: absolute; height: 70px; width: 600px; background: #e0efe3; } <div id="wave">& ...

控制虚线边框笔划长度和笔划间距

[英]Control the dashed border stroke length and distance between strokes

是否可以控制 CSS 中虚线边框笔划之间的长度和距离？ 下面这个例子在浏览器之间显示不同： div { border: dashed 4px #000; padding: 20px; display: inline-block; } <div>I have a dashed borde ...

带有 CSS 的半圆（边框，仅轮廓）

[英]Half circle with CSS (border, outline only)

我正在尝试用 CSS 创建一个圆圈，它看起来与下图完全一样： ...只有一个div ： 并且仅使用 CSS定义。 不允许 SVG、WebGL、DirectX、[...]。 我试图画一个完整的圆圈并用另一个div淡出一半，它确实有效，但我正在寻找更优雅的替代方案。 ...

使用 CSS 切角

[英]Cut Corners using CSS

我希望“剪切” div 的左上角，就像您将页面的一角向下折叠一样。 我想用纯 CSS 来做，有什么方法吗？ ...

CSS 三角形如何工作？

[英]How do CSS triangles work?

在CSS 技巧上有很多不同的 CSS 形状 - CSS 的形状，我对三角形特别困惑： #triangle-up { width: 0; height: 0; border-left: 50px solid transparent; border-right: 50px solid transpa ...

使用CSS在div背景中绘制对角线

[英]draw diagonal lines in div background with CSS

我有一个预览框的 div： HTML： CSS： 问题：如何像图片中那样在div背景中添加对角线？ 注意：仅在可能的情况下使用 CSS 先感谢您。 ...

如何仅使用 CSS 创建一个圆形或方形 - 中心为空心？

[英]How do I create a circle or square with just CSS - with a hollow center?

它应该基本上是正方形或圆形的轮廓 - 我可以相应地设置样式（即，将颜色更改为我想要的任何颜色，更改边框的厚度等） 我想将该圆形或正方形应用于其他东西（例如图像或其他东西），中间部分应该被挖空，以便您可以看到正方形或圆形下方的图像。 我希望它主要是 CSS + HTML。 ...

如何使用CSS显示矩形图像为圆形

[英]How to make rectangular image appear circular with CSS

我使用了border-radius: 50%或border-radius: 999em ，但问题是一样的：对于平方图像没有问题，但是对于矩形图像我得到一个椭圆形圆圈。 我也准备裁剪图像的一部分（显然）。 有没有办法用纯CSS（或至少JavaScript / jQuery）来做到这一点，而不使 ...

如何在HTML或CSS中绘制矩形？

[英]how to draw a rectangle in HTML or CSS?

我正在尝试绘制一个矩形，我找到了css代码的网站（ http://css-tricks.com/examples/ShapesOfCSS/ ）。 如何在HTML中组合？ 换句话说，我如何在HTML中定义#rectangle。 Facebook的每页顶部都有蓝色矩形。 实现这些目标的最 ...

带边框的 CSS 圆

[英]CSS Circle with border

我找到的每个指南都有线条并填充相同的颜色。 我想要的只是一个带有红线和白色填充的圆圈。 我试过了： 但是无法获得红色边框？ ...

如何使用 CSS 制作雪佛龙箭头？

[英]How to Make A Chevron Arrow Using CSS?

好的，所以每个人都知道你可以用这个来制作一个三角形： 这会产生一个实心的三角形填充。 但是你会如何制作一个像这样的空心箭头状三角形呢？ "> ...

CSS3 变换偏斜一侧

[英]CSS3 Transform Skew One Side

是否可以创建“CSS3 Transform Skew One Side” 我找到了一个解决方案，但它对我没有用，因为我需要使用图像作为背景（不是颜色） 甚至这个JsFiddle也没有用（倾斜区域应该是透明的） ...

垂直和水平居中 CSS 中圆圈中的文本（如 iphone 通知徽章）

[英]Vertically and horizontally centering text in circle in CSS (like iphone notification badge)

我正在寻找一种在 CSS3 中做一个跨浏览器的 iphone-like 徽章的方法。 我显然想为此使用一个 div，但替代解决方案也可以。 重要的因素是它需要在所有浏览器中水平和垂直居中。 关于这些通知的一个有趣的设计问题是它们不能有指定的宽度（高度是固定的）——它们应该能够处理 [in asci ...

在 CSS 中绘制一个 X

[英]Draw an X in CSS

我有一个看起来像橙色方块的 div 我想以某种方式在这个 div 中画一个白色的 X 使它看起来更像 无论如何要在 CSS 中执行此操作，还是仅在 Photoshop 中绘制它并将图像用作 div 背景会更容易？ div 代码看起来像 ...