TAG:
在StackOverflow上有这么一个问题,有位同学在http://css-tricks.com/examples/ShapesOfCSS/ 找到一些使用CSS做的形状,其中一位同学对下面的这个形状充满了疑问。 形状是: 代码是:
这位同学就提问啦,为啥这么这么几句就能画出一个三角形呢?
中间是内容,然后是4条边。每一条边都有宽度。 width设置为0后 ,内容没有了就成为下图: height也设置为0,只有底边了。 然后两条边都是设置为透明,最后我们就得到了 这个属于奇技淫巧,但是也说明CSS的强大,没有做不到只有想不到。另外http://css-tricks.com/examples/ShapesOfCSS/ 还能找到很多其他的形状,感兴趣的同学可以自己去看。还有酷壳以前的这篇文章《CSS实现的各种形状》 (Neo) |