问题标签 [css-shapes]

你好朋友我已经尝试了很多次但我没有成功比请帮助我

我想要这样的下面的图像

现在我已经创建了这个但没有创建这个 div 的右角现在任何人请帮助我

我的代码是

CSS

HTML

Jsfiddle 链接在这里http://jsfiddle.net/TBB9S/

是否可以在 CSS3 中创建这种形状？如何？我被卡住了： http: //dabblet.com/gist/2962169

我们可以用纯 CSS 制作很多形状，比如在http://nicolasgallagher.com/pure-css-gui-icons/demo/中，你总是写一个元素（这里<li>）。

但是如果我们想要更复杂一点的形状，比如http://www.gentegeek.com/proyectos/html-css-space-invaders/我们必须放很多<div>（参见源代码）。

我可以只用一个元素制作形状吗？如果是，如何？

我想只使用 css 创建这个形状。我很确定这是可以做到的。但是我在涉及渐变时遇到了麻烦。

这个形状里面会包含一些文字。建议的 html 标记是：

一个jsFiddle将不胜感激。
提前致谢。

好的，我正在尝试复制您在页面底部看到的效果，使用返回顶部按钮： http: //www.ppp-templates.de/tilability/ - 在我们留下的内容区域之后连接的。

基本上他为此使用了背景图像，我想用 CSS 复制它并保持相同的效果。

我知道如何使用带边框的 CSS 创建三角形，但在我的情况下，我想使用透明的 bg 图像而不是颜色，所以我不能使用边框

我删除了背景图像并在整个 div 上使用了#FFF，所以它现在都是白色的......我创建了一个新的 div，在其中我添加了返回顶部按钮并添加了 background: transparent ，所以它是透明的，但是怎么做我通过 CSS 创建三角形？

任何帮助是极大的赞赏。

嘿伙计们希望你能帮助我。

在这里待了一个多小时，这让我发疯了。

基本上我在 CSS 方面是个大新手，但我正在学习。目前我正在尝试复制一个如下所示的菜单：

我到目前为止看起来像这样（我知道字体不同但不是问题）：

正如你所看到的，我得到了背景，但我只是不知道如何在每个选项卡之间制作开始、结束和中断（黑线部分）。

另外，基本上我的开始、休息和结束都是 .jpg 图像。不寻找 html5 或 css3 曲线等来执行此操作。只是想保持简单:)。

这就是我到目前为止所得到的。如果你能给我一些关于如何让剩下的东西的提示，那就太好了，如果我使用了一种不太好的方法，建议一种更好的方法。

的HTML：

的CSS：

我想使用 CSS 制作一个圆形扇区。这些扇区将形成一个完整的圆圈。如何使用 CSS 制作它？

我找到了一个样本，但它是四分之一圆形扇区。我想做六个扇形来组成一个完整的圆。我怎样才能做到？

注意：我不擅长绘画，但这里有一个我想要的样本......

使用什么方法在网站上制作奇怪形状的菜单，如附件？圆圈的每一部分都应该是一个单独的链接。鼠标悬停应该相当精确，尤其是在中间附近。（绝对 20px 中间可能根本没有链接，如果不能 100% 精确的话）

我见过使用重叠矩形制作的不规则菜单，如下所示：http : //www.vanityclaire.com/ 形状是重叠的，但菜单是由矩形制成的，会发生一些作弊行为。但是，在我的情况下，重叠量太大而无法使用任何此类技术。除了使用闪存之外，是否有机会以浏览器/设备兼容的方式进行操作？

我正在尝试在我的网页中实现此效果..

红框是我放置菜单的地方，我希望红框的底部倾斜。斜面右侧的部分需要透明，因为背景中可能存在灰色的图像。

我唯一能想到的是旋转元素，但这也会旋转我不想要的元素的内容。只有红色元素（将是纯色）的底部 bg 应该倾斜。

目标是实现这一点：

我已经知道如何裁剪图像，但这真的很容易。我对顶部（简短评论）实现有一个粗略的想法，即在圆形块上重叠图像，添加一些左填充和负左边距，溢出隐藏和瞧。但是，如果内容扩展，这确实有效，并且由于这些是评论块，它们会扩展。

1) 虚线框表示将显示内容的区域。底部图像（长注释）显示填充图像下方额外空间的内容，类似于浮动的工作方式。但是，如果这太难实现，我可以接受一个直的矩形作为内容，只在图像下方留出空白空间。

2) 盒子的宽度和高度都可扩展至 150px/90px 的最小宽度/最小高度。

3) 我不在乎它们是否因为边框半径而在 IE 中显示为 90 度角。这就是 IE 使用边框半径（9 除外）显示我网站的其余部分的方式。

4) 我也可以接受 jQuery。目前我使用的是 1.7.2 并且我的网站对它很轻，所以我不介意添加更多脚本。