对角线的制作

标签：absolute   position   relative   display   bottom   

<div class="duijx"><a href="" class="a1">加油</a><a href="" class="a2">菜鸟</a></div>

<style type="text/css">.duijx{position: relative;width:0;height:0;border-left:110px solid #dd0;border-top:60px solid #f0d;}.duijx a{position: absolute;font-size:11px;display:block;width:100px;}.duijx .a1{left:-100px;bottom:3px;}.duijx .a2{left:-34px;top:-53px;}</style>

对角线的制作

标签：absolute   position   relative   display   bottom   

原文地址：http://ansue.blog.51cto.com/9481468/1854481