div+css绘制小女孩

  • 全分享 发表于
  • 2015-04-29
  • (3427)
  • aweb.cc

全分享社区__源码下载__div css绘制小女孩.png

copyright: www.aweb.cc

revision: 1.0

html代码实现:

<div class="girlBox">
        <div class="capBox">
            <div class="topBox">
                <div class="top">
                    &nbsp;
                </div>
            </div>
            <div class="pinkBox">
                <div class="pink">
                    &nbsp;
                </div>
            </div>
            <div class="daquanBox" >
                <div class="daquan"></div>
                <div class="daquan2"></div>
            </div>
        </div>
        <div class="headerBox">
            <div class="header absolute"></div>
            <!--左耳-->
            <div class="ear earl">
                <div class="earlineBox">
                    <div class="earline"></div>
                </div>
            </div>
            <!--右耳-->
            <div class="ear earr">
                <div class="earlineBox">
                    <div class="earline"></div>
                </div>
            </div>
            <div class="face absolute">
                <!--刘海-->
                <div class="bangBox">
                    <div class="bang bang1"></div>
                    <div class="bang bang2"></div>
                    <div class="bang bang3"></div>
                    <div class="bang bang4"></div>
                    <div class="bang bang5"></div>
                </div>
                <!--左眉毛-->
                <div class="browBox browBoxl">
                    <div class="brow browl"></div>
                </div>
                <!--右眉毛-->
                <div class="browBox browBoxr">
                    <div class="brow browr"></div>
                </div>
                <!--左眼-->
                <div class="eye eyel">
                    <div class="dot"></div>
                </div>
                <!--右眼-->
                <div class="eye eyer">
                    <div class="dot"></div>
                </div>
                <!--左腮-->
                <div class="blusher blusherl"></div>
                <!--右腮-->
                <div class="blusher blusherr"></div>
                <!--嘴-->
                <div class="mouthBox">
                    <div class="mouth">
                        <div class="red"></div>
                        <div class="tongue"></div>
                        <div class="white2"></div>
                        <div class="white"></div>
                        <div class="facecolor"></div>
                        <div  class="facecolor2"></div>
                        <div class="whiteLeft"></div>
                        <div class="whiteRight"></div>
                    </div>
                </div>
                <!--下巴-->
                <div class="jaw"></div>
            </div>
        </div>
        <!--左头发-->
        <div class="hair hairl">
            <div class="hairline hairline1"></div>
            <div class="hairline hairline2"></div>
            <div class="hairline hairline3"></div>
            <div class="hairline hairline4"></div>
            <div class="hairline hairline5"></div>
        </div>
        <!--左头发背景-->
        <div class="hair hairlbg">
            <div class="hairline hairline1"></div>
            <div class="hairline hairline2"></div>
            <div class="hairline hairline3"></div>
            <div class="hairline hairline4"></div>
            <div class="hairline hairline5"></div>
        </div>
        <!--左蝴蝶结-->
        <div class="bow bowl">
            <div class="bowinner top"></div>
            <div class="bowinner bottom"></div>
        </div>
        <div class="bow bowl bowlbg">
            <div class="bowinner top"></div>
            <div class="bowinner bottom"></div>
        </div>
    
        <!--左头发-->
        <div class="hair hairl hairr">
            <div class="hairline hairline1"></div>
            <div class="hairline hairline2"></div>
            <div class="hairline hairline3"></div>
            <div class="hairline hairline4"></div>
            <div class="hairline hairline5"></div>
        </div>
        <!--右头发背景-->
        <div class="hair hairlbg hairrbg">
            <div class="hairline hairline1"></div>
            <div class="hairline hairline2"></div>
            <div class="hairline hairline3"></div>
            <div class="hairline hairline4"></div>
            <div class="hairline hairline5"></div>
        </div>
        <!--右蝴蝶结-->
        <div class="bow bowl bowr">
            <div class="bowinner top"></div>
            <div class="bowinner bottom"></div>
        </div>
        <div class="bow bowl bowr bowrbg">
            <div class="bowinner top"></div>
            <div class="bowinner bottom"></div>
        </div>
        <!--书包-->
        <div class="bag">
            <div class="bagbelt"></div>
            <div class="bagCenter">
                <div class="bagLid"></div>
                <div class="bagborder"></div>
            </div>
        </div>
        <!--左手-->
        <div class="hand handLeft">
            <div class="white"></div>
            <div class="pink"></div>
            <div class="palm"></div>
            <div class="finger finger1"></div>
            <div class="finger finger2"></div>
            <div class="finger finger3"></div>
        </div>
        <!--右手-->
        <div class="hand handRight">
            <div class="white"></div>
            <div class="pink"></div>
            <div class="palm"></div>
            <div class="finger finger1"></div>
            <div class="finger finger2"></div>
            <div class="finger finger3"></div>
        </div>
        <!--裙子-->
        <div class="skirtBox">
            <div class="top">
                <div class="left"></div>
                <div class="right"></div>
                <div class="top">
                    <div class="center"></div>
                </div>
            </div>
            <div class="bottom"></div>
        </div>
        <!--脚-->
        <div class="footBox">
            <div class="foot footLeft">
                <div class="shoe">
                    <div class="top"></div>
                </div>
            </div>
            <div class="foot footRight">
                <div class="shoe">
                    <div class="top"></div>
                </div>
            </div>
        </div>
        <!--底盘-->
        <div class="platform"></div>
    </div>
    <div class="copyright">
        <a href="http://www.aweb.cc"  target="_blank">aweb.cc 全分享社区出品</a>
    </div>


文件尺寸 4.13 KB
下载次数 953

php命令行执行脚本获取传入参数 <<上一篇 下一篇>>div+css绘制hellokitty