纯 CSS border 用法举例之一：空心菱形

发布时间：2018-08-18 05:07:29 所属栏目：访谈来源：站长网

导读：CSS border 用法举例之一：空心菱形，这一个是最好领略的，只要配置div的边框颜色，然后配置宽度和高度就行了，不要被这伟大的图形吓怕啊，着实代码很简朴。在往后还将有其余更神奇的结果。演示： !DOCTYPE html PUBLIC -//W3C//DTD XHTML 1.0 Transition

　　CSS border 用法举例之一：空心菱形，这一个是最好领略的，只要配置div的边框颜色，然后配置宽度和高度就行了，不要被这伟大的图形吓怕啊，着实代码很简朴。在往后还将有其余更神奇的结果。

　　演示：

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <HTML> <HEAD> <TITLE>CSS border</TITLE> <style> #test1 { height:20px; width:20px; border-color:#FF9600 #3366ff #12ad2a #f0eb7a; border-style:solid; border-width:20px; } </style> </HEAD> <BODY> <div id="test1"></div> </BODY> </HTML> <br /><center>如不能表现结果，请按Ctrl+F5革新本页，更多网页代码：<a href='http://www.veryhuo.com/' target='_blank'>http://www.veryhuo.com/</a></center>
提醒：可修改儿女码再运行!

（编辑：湖南网）

【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!