有没有人知道unicode/HTML-space中是否有一个类似于»
(»)所表示的双guillemet的双V形符号?
换句话说,如果我可以处理文本,我会尽量避免使用图像,但我需要这样的内容:
是双人字形,我好像搞不懂。对我来说看起来就像是图形。
发布于 2011-11-15 02:06:34
我不能提供您想要的字符实体,但是可以在不使用图像的情况下实现an...alternative (尽管它确实需要将文本本身包装在一个元素中,在本例中为span
):
<span class="shadowed">^</span>
<span class="rotated">»</span>
CSS:
span { /* this is all, pretty much, just for the aesthetics, and to be adapted */
margin: 0 auto 1em auto;
font-family: Helvetica, Calibri, Arial, sans-serif;
font-size: 2em;
font-weight: bold;
color: #000;
background-color: #ffa;
display: block;
width: 2em;
height: 2em;
line-height: 2em;
border-radius: 0.5em;
text-align: center;
}
span.shadowed {
text-shadow: 0 0.5em 0 #000;
}
span.rotated {
-webkit-transform: rotate(-90deg);
-moz-transform: rotate(-90deg);
-o-transform: rotate(-90deg);
-ms-transform: rotate(-90deg);
transform: rotate(-90deg);
}
上面的span.rotated
部分,为了IE < 10的兼容性(使用过滤器,而IE 10 (或可能是9)将/应该使用-ms-transform
或简单地使用transform
CSS3),使用filter
方法:
span.rotated {
-webkit-transform: rotate(-90deg);
-moz-transform: rotate(-90deg);
-o-transform: rotate(-90deg);
-ms-transform: rotate(-90deg);
transform: rotate(-90deg);
/* IE < 10 follows */
filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3);
}
JS Fiddle demo (适用于IE7/XP,其他我无法测试的版本)。
发布于 2011-11-15 02:12:26
可能这个网站会对你的http://shapecatcher.com/有帮助,非常有用!
发布于 2012-06-21 19:40:57
垂直左双尖括号的︽U+FE3D演示表单
垂直右双尖括号的︾U+FE3E演示表单
不过,这些字体需要中文或日文字体。
https://stackoverflow.com/questions/8125263
复制相似问题