问题标签 [css-shapes]

我想要一个箭头，它会做一些事情，:hover但只有当箭头本身悬停时（不是划定其宽度和高度的矩形）。

简而言之，当您将鼠标悬停在 ► 的右下角和右上角时，它不应该做任何事情。

我将如何实现这一目标？

导航

导航 w/ 悬停状态

您将如何使用 HTML 和 CSS 实现此导航？

白框是徽标的占位符。

PS：“产品”链接是一个下拉菜单。

我目前的实现如下。（不完整）

我的主要问题是弄清楚如何让倾斜的分隔符和导航的右端与悬停状态一起工作。

你如何使用 HTML5 和 CSS3 画一个圆？

也可以在里面放文字吗？

是否可以仅使用适用于大多数浏览器（IE、Mozilla、Safari）的 css 绘制圆圈？

如何在 CSS 中制作带箭头的框？

制作圆角很容易。但是任何想法在不使用图像的情况下在左侧制作箭头。

是否有可能使

只有一个元素<p>....</p>

我一直在玩 CSS 很短的时间，并试图有一个普通的盒子，但左上角以 45 度角被切断。也不小；我正在看那个角度的一个相当大的切角。这个效果：

我应该怎么做？

在CSS Tricks - Shapes of CSS中有很多不同的 CSS 形状，我对三角形特别困惑：

它如何以及为什么起作用？

我正在寻找“剪切” div 的左上角，就像您将页面的角向下折叠一样。

我想用纯CSS来做，有什么方法吗？

我有一个使用这个 CSS的三角形（ JSFiddle ）：

这个HTML：

这会形成一个三角形，但对角线是锯齿状和像素化的。我怎样才能使它们光滑？（我可以在 Safari 和 Chrome 中通过将它们打点来平滑它们，但这打破了 Firefox 和 IE 中的三角形。）

有没有机会将图像放置在六边形内？我习惯了 html 中的六角形单元格，但我无法用（背景？）图像填充它。

这是我尝试过的：

这是一个小提琴：http: //jsfiddle.net/jnz31/kGSCA/