如何在html页面的直角三角形内画一个圆圈？

[英]How to draw a circle inside a right angled triangle in html page?

是否可以使用 CSS 在 HTML 页面中的直角三角形内绘制一个圆圈。 是否也可以在里面放一些文字？ 输出应该是这样的 ...

如何从线性梯度构造所需大小的三角形？

[英]How to construct a triangle of required size from linear gradient?

当我在 chrome 中运行它时，我设法使用 webkit-appearance 删除了选择元素的默认箭头图像。 我是 css新手，我从这个codepen得到了构建三角形的想法，我想构建所需大小的三角形，正如您从片段中看到的那样，三角形的形状并不整齐。 我对此有一些疑问， 在 backgr ...

如何用css创建立方体窗口？

[英]How to create cube window with css?

我在网上找到了这张图片并尝试用 css 创建这些盒子。 我失败了。 有谁知道如何解决这个问题？ 这是我的代码。 问题是左边的栏： .box { position: relative; margin: 10px; display: inline-block; } .content ...

是否可以隐藏/删除多个 div 相交区域内的边框？

[英]Is it possible to hide/remove borders inside of intersected area of multiple divs?

当两个或多个div相交时，它们只是重叠并且它们的边框是可见的： .circle { position: absolute; width: 100px; height: 100px; border-radius: 50%; border: 1px solid black; } #two ...

带有边框的一侧倾斜背景图像

[英]Skew Background Image on one side with a border

我试图在有边框的一侧倾斜背景图像。 我基本上试图创建的布局如下： 这是我使用当前设置制作的快速 JSFiddle： https://jsfiddle.net/silvawebdesigns/b2ae0k69/11/ #about-gallery { margin: 60p ...

如何用 css 和 html 创建这个形状？

[英]How to create this shape with css and html?

我想创建下图中给出的形状，但我的代码不符合我的要求，我不知道如何创建它，请帮助我用 HTML 和 CSS 创建这个形状，它应该看起来像一个图像，谢谢. .star { font-size: 100px; background-color: aqua; color: white; } ...

具有不规则矩形和边框的 CSS 自定义形状

[英]CSS custom shape with irregular rectangle and border

我正在尝试创建一个这样的按钮： 在网上研究后，我只想出了制作一个平行四边形。 但这是结果： 代码： .parallelogram { width: 100px; height: 50px; transform: skew(25deg); background: black ...

想要使用 css 和 html 创建此图

[英]Want create this graph using css and html

我已经尝试过这段代码，但面临大小问题。在更改圆形边框的大小时遇到​​问题，所以请帮助我解决这个问题。在代码片段上运行代码，将知道我遇到了什么问题，它应该看起来像图像中的我给了。 这是在html中使用css的代码。 如何自定义图形。 通过在 html 中使用 css 来使图表部分的特定大小发生变化，但 ...

仅使用 CSS 创建形状

[英]Create a Shape ONLY with CSS

我需要创建一个只CSS3这个自定义形状。 需要使用 CSS，而不是 svg。 我试图使用此链接的片段： Wave (or shape?) with border on CSS3，但我不知道如何正确操作形状。 也可以只有中心形状！ 我正在用这支笔进行测试： https : //codepen. ...

如何通过使用 CSS 将形状组合成一个来创建云？

[英]How to create a cloud by combining shapes into one using CSS?

所以我主要尝试使用 div 和 CSS 创建一个云。 我有几个 div 形状为圆形或斑点，想法是将它们合并成一个，使它们看起来像一朵云。 .cloud-body{ width:250px; height:200px; background: linear-gradient(blue, ...

如何使用 HTML 和 CSS 添加垂直曲线分隔线？

[英]How to add a vertical curve divider using HTML and CSS?

有没有办法使用 CSS 形状复制下面的图像设计？ 我无法重现图像和蓝色背景之间的曲线。 我尝试使用边框，但这不起作用： <!DOCTYPE html> <html> <head> <title>Page Title</tit ...

纯粹在 CSS 背景中创建箭头

[英]Creating arrows purely in CSS backgrounds

我需要创建一个 CSS 类，该类可以动态添加到各种空的方形 div 框，这些 div 框将添加“半角尖线”，就像在下面的示例中一样。 理想情况下，我可以将 class="arrow_right" 添加到 div 并显示正确的行。 这可以仅使用 CSS 吗？ 我宁愿不依赖静态图像来做到这一点，以实现灵 ...

玩 CSS 形状：如何使用纯 HTML 和 CSS 制作自定义图标

[英]Playing with CSS shapes: How to make a custom ICON using pure HTML and CSS

目前，我正在玩 HTML 和 CSS，我想用这张图片制作一个图标 图像有点像那样。 我尝试在更大的圆圈内添加不同形状的椭圆和圆圈，但没有奏效。 对于阴影部分，我使用了 box-shadow 来设置它的样式。 我的示例图标中的 div 已经太多了。 我只想让它简单易读。 这是我的 HTML 结构： 这 ...

如何在 CSS 中创建这种形状（带圆角的四边形）？

[英]How to create this shape (quadilateral with rounded corners) in CSS?

我在 React Js 中构建一个小部件，在设计中，这个图像在背景中。 我的问题是背景颜色是动态的，宽度和高度可能会根据设备而变化。 我尝试使用内联 SVG（我可以通过这种方式控制填充颜色，但不能控制大小）以及img标签内的 SVG（我可以通过这种方式控制大小但不能控制颜色），但我无法同时控制颜 ...

如何使用 CSS 创建和排列这样的形状？

[英]How to create and arrange such shapes using CSS?

需要一些帮助来阐明如何在不使用 Bootstrap 或 Grid 的情况下创建响应式形状并将它们居中？ （每个三角形分成两部分，不同的 colors，）谢谢你的帮助， 在此处输入图像描述 ...

在 CSS 中绘制半圆形

[英]Drawing semi-rounded shape in CSS

我正在尝试复制形状 当我在 CSS 中使用圆形时，它看起来有些不同： .shape{ display: inline-block; text-align: center; line-height: 18px; border-radius: 9px 9px 9px 9px; color: #0000 ...

如何在圆圈周围显示文本。 CSS 外型

[英]How can I display Text around circle. CSS shape-outside

我想在 Circle 周围显示文本我使用 shape-outside: circle() 属性，但它没有给我结果我想显示两个容器首先是“class circal”，用于显示图像第二个是“Class blank_circale “这是为了显示文本我想要在“class circal”div周围的“Cla ...

如何实现曲顶指针

[英]How to achieve curved top pointer

有人可以帮忙吗？ 如何仅使用 CSS 实现附加按钮（无图像）？ 到目前为止，这是我的代码： .triangle-up { width: 0; height: 0; border-left: 25px solid transparent; border-right: 25px solid tran ...

如何在将CSS形状浮动到一边的同时使文本与底部对齐，从而使文本自动换行？

[英]How to align text to bottom, while floating css shape to side, so that text wraps to shape?

我在<div>内的<p>内有一些文本。 我有一个浮动到一侧的css图像形状 。 我希望两个上方的框中的文字换成形状，但也要与div的底部对齐。 两个下部的框工作正常，因为我不需要在其中垂直对齐文本。 问题是，文本的长度可以变化，行数也可以变化，因此我不能使用固定的 ...

使用线性梯度和径向梯度混合

[英]Using mixed linear-gradient and radial gradient

当我将鼠标悬停在图像上时，尝试使用线性渐变和径向渐变为背景生成形状。 我希望鼠标悬停时显示以下形状（灰色的不透明度为0.8）： 我写了下面的CSS，显示了线条，但是我不知道如何使用径向渐变在顶部显示圆形： ...