html八卦绘制,HTML+CSS实现画出一个太极八卦图案

太极八卦是中华文化的象征。

今天我就用了html+css画出来一个太极八卦的图案，喜欢的可以拿去研究下！

代码:

/* CSS Document */

html, body, div, span, object, iframe,h1, h2,

h3, h4, h5, h6, p, blockquote, pre,abbr, address, cite, code,del, dfn,

em, img, ins,kbd, q, samp,small, strong, sub, sup, var,b, i,dl, dt, dd,

ol, ul, li,fieldset, form, label, legend,table, caption, tbody,

tfoot,thead,tr, th, td,article, aside, canvas, details, figcaption,

figure, footer, header, hgroup, menu, nav, section, summary,time, mark,

audio, video {

margin:0;

padding:0;

border:0;

outline:0;

vertical-align:baseline;

background:transparent;

outline-style: