CSS 翻角矩形

html-css07

CSS 翻角矩形,第1张

不知道LZ说的是哪一种折角矩形哦，最好贴个图上来看看，

不过一般就内容变化的矩形都是用CSS写出来的，现在CSS3已经有属性支持了，LZ可以学习下，要是用CSS2.0也是可以做到的，不过麻烦点~要用PS做四个圆角图片再加上CSS样式就可以做出随内容而变的圆角矩形了~（只能是单色的哦）

如果想用css 弄出个倒三角的话, 只能使用border了, 可以这样写, 写一个div 宽高都是0px , 把border其他都设置成10px solid transparent再把border-top:10px solid red 这样看起来 就能挤成个倒三角 比如::: <div style="width:0pxheight:0pxborder-top:100px solid redborder-left:150px solid transparentborder-bottom:50px solid transparentborder-right:150px solid transparent"></div>