CSS教程之CSS实例教程:Border属性制造小三角

目前我们的站就是div+CSS做的，美工可以通过css直接控制我的程序输出的页面动态数据的样式DIV就只是布局元素.
网页制造POLUOLUO文章简介：用css的border属性完成三角.
细心揣摩了一下使用的仍是很奇妙的，在实际的前端开辟中也很有效，最少能够减小图片的字节。
先看看使用实例吧：

登录/注册后可看大图

完成的本来就是：在一个宽高为0像素的块状元素中设置border属性，比方
.box{
width:0px;
height:0;
border-bottom:50px#F00solid;
border-left:50px#03Fsolid;
border-right:50px#F90solid;
border-top:50px#6C0solid;
}
在扫瞄器中的显现如图：

如许就有高低摆布四个三角形了，再把除要用的三角外的其他3个三角（border）色彩设置为背景致就ok了。
比方如许就可以失掉一个色彩为#CCC的向上的三角：
.to-top{
display:block;
overflow:hidden;
width:0px;
height:0px;
border:6pxsolid#ccc;
border-color:#ccc#fff;
border-width:06px6px6px;
}

另外如果你不是javascrput的高手，你可以不必去写ID，只用class就可以。当客户端程序员写完程序，需要调整时候，你可以在利用他的ID进行控制。

使用内容管理系统进行开发并实现快速、精确的浏览器兼容性测试。