html – 在CSS中创建一个V形

前端之家收集整理的这篇文章主要介绍了html – 在CSS中创建一个V形前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
我正在看如何在CSS中创建一个V形(不是三角形).基本上创建看起来像>或< 在这个网站: http://css-tricks.com/examples/ShapesOfCSS/底部,有一个V形.但是,它被指出.我想知道如何让它指向正确,并指向左边.我试着用角度玩,但是我无法确定,因为我不确定如何创建这些东西.

除此之外,这些东西应该在像d3这样的绘图库中创建,还是只使用一个div?我基本上使用这个V形图案来分离屏幕上的视觉元素.

解决方法

只需在#chevron上做一个旋转(90度):
#chevron {
  position: relative;
  top: 100px;
  text-align: center;
  padding: 12px;
  margin-bottom: 6px;
  height: 60px;
  width: 200px;
  -webkit-transform: rotate(90deg);
  -moz-transform: rotate(90deg);
  -ms-transform: rotate(90deg);
  -o-transform: rotate(90deg);
  transform: rotate(90deg);
}

http://jsfiddle.net/29Edw/

原文链接:https://www.f2er.com/html/230369.html

猜你在找的HTML相关文章