html - 使用 CSS3 Shapes 作为居中背景

标签 html css

我想让我的 UL 以半三 Angular 形作为背景。我真的很想在这个元素中只使用 CSS 形状。我使用了一些代码形式 site ,但是我需要一些额外的帮助。我无法让文字居中于形状中。我可以调整什么来实现这一点?

代码:http://jsfiddle.net/akAh9/

最佳答案

交换

right: 6em;

...对于...

right: 50%;

... 似乎可以解决问题(通过这种方式,您可以有效地将 CSS 三 Angular 形的下点移动到 .diamond 元素的中间)。

关于html - 使用 CSS3 Shapes 作为居中背景,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/12646362/

相关文章:

javascript - 无法从 Material UI 中的卡片内容中删除 padding-bottom

javascript - 如何使用 javascript 制作 flash 电影以全屏模式播放?

java - 什么是最好的 java html 解析器?

javascript - 如何将 PostMessage 发送到我网站上的实际文档,而不仅仅是弹出窗口

javascript - 为什么这个 "vertical-align:bottom"的div的子元素在淡出之前移动到页面中间?

javascript - 根据屏幕大小和父 div 位置定位子 div

javascript - 使用 css 动画检测太空入侵者的位置

css - 媒体查询适用于 firefox,但 chrome 获取错误的分辨率/查询

html - 具有内容安全策略的 iFrame 沙箱

html - 用 CSS 替换 HTML 属性