如何创建弯曲的讲话泡泡？

[英]How to create a curved speech bubble?

我试图用div制作一个弯曲的语音泡泡，像这样： 这是我尝试过的，但它确实不起作用： 它这样做： 我该怎么做呢？ ...

奇特的背景CSS设计

[英]Peculiar background CSS design

我想用特定的设计制作一个关于“div”的CSS背景，这个设计应该是响应的（宽度和高度）。 您可以使用属性“position absolute”查看使用“div”内的属性“border”生成的示例，并将另一个“div”分开，但此示例不正确，因为当我增加屏幕时，宽度不是100 ％。 图像（紫 ...

带有两个右箭头的按钮

[英]Button with two right arrows

我需要的是用两个右箭头实现按钮。 用于切割按钮左侧的一个箭头和用于延伸按钮右侧的一个箭头（请参见附图）。 我现在成功的只是添加右箭头（见下图）。 以下是我当前的CSS。 .arrow-button { width: 178px; height: 82p ...

在复杂形状容器内单击时隐藏/显示面板

[英]Hide / Show panel on click inside complex shape container

只是想弄清楚布局即可完成这项工作。 当您单击图标面板底部的箭头形状时，我必须显示和隐藏菜单，然后当我再次单击相同形状时显示该面板。 让我困扰的部分是如何塑造箭头容器，我应该使用css3形状还是该部分的背景图像img（对我来说似乎不太可能，因为它必须与图标容器完美契合）还是使整个事情变得完整（ ...

上下箭头，如何优化CSS？

[英]Arrows top and bottom, how to optimalise CSS?

我的问题是我想在某些部分的上方和下方显示“箭头”（我当然给了这些类）。 这些箭头既可以是底部箭头，也可以是顶部箭头，您可以为底部箭头和顶部箭头选择左右箭头： 我做了一个片段来演示，但是无法正确插入SVG，因此已将代码替换为background: red; 。 上面的代码的问 ...

如何在 div 上创建不均匀的圆边？

[英]How to create uneven rounded sides on a div?

我一直在尝试制作一个像这样的不均匀圆边的 DIV： 我检查了一些解决方案，最接近它的是使用 border-radius。 我用过： 这就是我所拥有的： 如何才能做到这一点？ ...

如何从圆形切角？

[英]How to cut corner from rounded shape?

如何使用 CSS 以可以包含文本的方式创建此自定义形状？ 我在 illustrator 中设计了它，当我将其导出为“svg”时，svg 代码如下所示： 但它在页面中不起作用。 ...

CSS网格中的纯CSS Arrow Divs

[英]Pure CSS Arrow Divs in CSS Grid

有没有办法在CSS中创建类似的东西，但是更灵活（例如在CSS Grid单元中使用）？ –原始帖子在这里 。 #triangles { margin: 3em; width: 0; /* set dimensions of DIV to 0 so borders collapse ...

CSS可以创建多色梯形吗？

[英]Can CSS create a multi-colored trapezoid?

我正在更新2005网站，该网站使用两个图像来创建页面的顶部和底部框架。 图像是简单的两色梯形形状，每个彩色区域周围都有边框。 底部图片与顶部图片相同，只是上下颠倒。 我知道如何使用CSS边框创建梯形： #trapezoid { border-bottom: 100px ...

如何消除两个歪斜图像之间的白色间隙？

[英]How to remove white gap between two skewed images?

我想将一个图像的两个部分合并为一个原始图像，其中每个部分应为三角形。 我找到了一个Codepen ，其中有两个带有嵌套图像的元素，在其中删除了边距，但是元素之间有一个难看的白色边框（空白）。 我该如何删除这个？ ...

在表格单元格的角落添加球体形状

[英]Add a sphere shapes in corner of Table cells

我有一个用于GUI表示目的的表。 对于表格的某些单元格，在角落有一个球体。 页脚的拐角处有一个加号（超赞字体图标）。 我试图放置球体，但仅在单元格内对齐。 图中要达到的目标 帮我解决这个问题 .damage-chart{ border: 3px solid ...

是否可以用CSS制作圆角三角形？

[英]Is it possible to make a rounded triangle with just CSS?

我想用CSS制作以下形状： 这是我目前拥有的： .triangle { width: 0; height: 0; border-style: solid; border-width: 56px 56px 0 0; border-color: #ff4369 trans ...

如何仅使用 CSS 制作甜甜圈段

[英]How to make a doughnut segment using only CSS

如何使这个形状只使用 css 我尝试过的： .button-up { border-top: 100px solid red; border-left: 50px solid transparent; border-right: 50px solid transparent; b ...

如何在div中使文本响应

[英]How can i make text is responsive in a div

我有一个人字形的状态栏，每个栏都有一个长文字。 在大屏幕上都是完美的。 但在小屏幕上，文字会破坏对齐方式和形状。 我不需要在手机屏幕上工作，但它在笔记本电脑的小屏幕上也坏了。 我的目标结果如下所示（小文本我的代码工作正常） 我的摘要如下，请告诉我。 .chev ...

将文本包裹在 CSS 形状中

[英]Wrapping text inside a CSS shape

我想将我的文本对齐/包裹在三角形内以遵循其边框形状。 我用平行四边形做了一个例子，但结果并不令人满意。 http://jsfiddle.net/HarrysNature/noqa6qLc/3/ 有什么想法吗？ ...

以CSS V形图形添加文字

[英]Add text in CSS chevron shape

一个由多个div组成的状态栏，每个都有中间的文本状态。 使用CSS生成V形图形，通过连接两个平行四边形制作Shape。 如何在每个雪佛龙中间添加文字。 .chevron { display: inline-block; position: relative; clear ...

用html，css做一个硬汉

[英]Make an hard figure in html, css

我如何才能使这个数字成为CSS中的一个div？ 不是svg！ 图在这里： <svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 ...

CSS钻石/三角形分隔线/边框

[英]CSS Diamond / Triangle shaped divider line / border

我有以下黄金分界线我试图用纯CSS创建。 我试图通过transform:scale;来创建它transform:scale; CSS到目前为止，我发现了以下内容： .border_angle { border: 50vw solid transparent; wid ...

日历形状（div内的三角形，带有边框半径）

[英]Calendar Shape (Triangle inside div with border-radius)

我一直在努力实现这种CSS形状： 我一直在使用CSS变换和伪元素来实现我的目标，但结果不错，但这并不完美。 角落需要不那么尖锐。 还值得指出的是，截止三角形部分需要透明。 这是我想出的东西： https : //jsfiddle.net/e1xzjghL/11/ 的HTM ...

如何使用 CSS 在两个渐变之间创建曲线？

[英]How to create a curve between two gradient using CSS?

我有两个具有不同渐变背景的 div，我需要在它们之间创建一条 S 形曲线。 这是渐变 div 的示例小提琴： https : //jsfiddle.net/JerryGoyal/rjyfc46c/2/ 有几件事让我想到了，但是： - svg：不知道如何处理其他渐变 div。 - bo ...