如何制作带边框的梯形

文章/答案/技术大牛

发布

1回答

、、、、

我已经尝试建立一个梯形，其中有一个文本内容和边框(白色1px线)。我找到的示例如下所示：width: 120px;border-left: 60px solid transparent;这是一个png示例，如果我使用它作为透明颜色的背景，它可以工作，但这是一种黑客，不是很好…“剪辑路径”似乎还不够支持

浏览 16提问于2017-02-01得票数 1

回答已采纳

1回答

带边框的梯形标签

、、、、

所以，我做了这个梯形标签。但当我想要选择它并将颜色设置为白色和蓝色边框时，它会一直剪切我的边框。我的问题是，有没有其他方法，我可以剪切边或获得类似的梯形效果，但选择标签在白色和可见的边框在所有方面？

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

1回答

如何创建带有边框的梯形，就像下面的附加图片一样，在链接中，它旁边的边框是直线

创建带有边框的梯形，就像下面的附加图像一样，链接时旁边的边框为直线] ? 能够创建梯形形状，但无法创建带有直线的长边框，然后为梯形创建边框。

浏览 32提问于2021-10-22得票数 0

2回答

可以在HTML中创建多边形形状的元素吗？

我目前正在尝试制作一个梯形形状的button。我发现了一种创建形状的方法，其中包括CSS制作边框等等。CSS方法的工作方式是创建形状，但我遇到了一个问题，即整个元素都包含在一个矩形中，所以当您在梯形之外的空白区域中单击时，它仍然会注册为元素中的单击。简而言之，我试图使HTML元素成为梯形的形状，而不仅仅是可见的形状本身。因此，当用户单击按钮周围位于可见梯形

浏览 0提问于2012-11-21得票数 3

2回答

Firefox和Opera渲染边框不正确

、、、

我用纯CSS制作的梯形图创建了一个，但当我旋转它们时，火狐会在两侧显示一条线，而且在Opera上，所有的梯形图都有一种奇怪的背景/边框颜色，有点透明。梯形。我怎么才能找到解决这个问题的方法呢？

浏览 1提问于2012-12-03得票数 17

4回答

只有边框的CSS形状

、、、、

我已经找到了关于如何使用CSS创建各种形状的信息，比如梯形和心脏；但是，它们都是实体形状。是否有一种方法来创建一个形状，例如梯形图，它是透明的，并且只显示一个轮廓/边框？通过制作两种形状并将它们重叠，其中一种比另一种更大，就有可能使其看起来具有这种效果，但只有当形状背后的背景是坚实的颜色时才能起作用，而这种情况可能并非总是如此。因此，透明度的原因。有关CSS形状的示例：；例如，查看三角形。

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

回答已采纳

3回答

带有实心边框的CSS梯形按钮

、

是否有可能创建一个梯形按钮，如上图所示？我搜索了网页，但没有找到任何显示边界的解决方案。编辑:似乎我的问题不清楚，或只是不够理解。无论如何，其他线程只是展示了如何通过连接2个元素来创建一个梯形，但是我如何在上面添加边框呢？

浏览 4提问于2017-10-02得票数 0

回答已采纳

1回答

如何让UIBarButtonItem达到和UIButton一样的点击效果？

、、

如何制作带有属性(样式:带边框，标识符:自定义)的UIBarButtonItem点击效果(如UIButton选中状态) ?？

浏览 2提问于2012-08-03得票数 0

回答已采纳

1回答

带边框和背景色的纯CSS响应式梯形

、

所以我想创建一个响应式梯形，你可以在其中应用边框和背景色。我已经用3个div块创建了一个梯形，但我不能让梯形顶部的边框在宽度和高度改变时保持内联，所以我的问题是。有没有人能帮我弄清楚如何使梯形顶部的线条与左右边框保持一致，或者是否有人知道不同的解决方案？这是我的代码....trapezoid-container{ position: relative;

浏览 0提问于2016-07-03得票数 0

2回答

创建一个有透明边框和背景的梯形？

、、、

我知道用一些，我可以创造出梯形。我还可以将它的边框颜色设置为rgba(r，g，b，a)以使其透明。有关示例，请参见下图。目前，我使用一些png图像来实现这种效果，但生成不同大小的图像真的很无聊，所以我正在寻找一种css解决方案。

浏览 1提问于2012-09-19得票数 5

回答已采纳

1回答

带有css和长方体阴影的梯形

、、、

我正在考虑制作一个梯形，上面有一个盒子阴影，顶部比底部宽10px。在过去，我做了一个梯形，如下面的jsfiddle所示，但是你会注意到，如果我在元素上放置一个框阴影，它会将outerWidth放在一个矩形中，而不是在倾斜的边框上放一个阴影： border-right: 40px solid transparent;} 我最初的想法是使用类似以下内容<

浏览 0提问于2012-11-15得票数 2

回答已采纳

1回答

、

我已经使用下面的CSS制作了一个梯形的div，使用CSS技巧和有角度的边框：#slopedDiv { height: 0; border-width: 248px 125px 0 0;<div id="slopedDiv"></div>是否可以将垂直线性渐变应用于生成的形状我尝试过使用border-

浏览 0提问于2017-03-23得票数 4

3回答

边框细节带

、

我有一个问题，边界应该如何显示在细节带，我想得到一些帮助。我试过的是：将“浮动列页脚”设置为TRUE。结果:它工作得很好，但是如果在列页脚后面有一个汇总带，那么这

浏览 2提问于2011-04-27得票数 2

回答已采纳

1回答

在多边形中，哪些段至少有一个末端？

、

我有个问题，我正在考虑：编辑:我们可以假设多边形总是凸的。Edit2:我想用段交来解决这个问题，但我真的不知道如何解决。 Edit3:现在我想也许可以用多边形算法中的点来尝试一下，对吗？我可以暂时忘记段，因为我感兴趣的是段的末端，是点，对吗？

浏览 3提问于2020-06-25得票数 1

回答已采纳

3回答

我怎么才能把梯形转向对面呢？

、、

我在CSS中有一个梯形的形状，但问题是，我还需要同样的梯形将边框相反，第一个梯形css是这样的： height: 0; border-bottomborder-right: 45px solid transparent; display:block;} 但是，我还需要第二个梯形，将border-b

浏览 4提问于2015-12-06得票数 6

回答已采纳

点击加载更多