设为首页收藏本站

自学it网-公益PHP培训!

 找回密码
 立即注册

QQ登录

只需一步,快速开始

查看: 946|回复: 3

我画的圣诞树 [复制链接]

Rank: 2

发表于 2017-1-11 13:40:19 |显示全部楼层
<!DOCTYPE html>
<html lang="en">
<head>
        <meta charset="UTF-8">
        <title>Document</title>
<style>
        body{
                background:pink;
        }
        #test1{
                width: 0px;
                height: 0px;
                border-top: 90px  solid rgba(0,0,0,0);
                border-right:70px solid rgba(0,0,0,0);
                border-bottom: 90px solid green;
                border-left: 70px solid rgba(0,0,0,0) ;
                margin: 0 auto;
        }
        #test2{
                width: 0px;
                height: 0px;       
                border-right:120px solid rgba(0,0,0,0);
                border-bottom: 90px solid green;
                border-left: 120px solid rgba(0,0,0,0) ;
                margin: 0 auto;
        }
        #test3{
                width: 0px;
                height: 0px;
                border-right:160px solid rgba(0,0,0,0);
                border-bottom: 130px solid green;
                border-left: 160px solid rgba(0,0,0,0) ;
                margin: 0 auto;
        }
        #test4{
                width: 30px;
                height: 300px;
                background: brown;
                margin: 0 auto;
        }

</style>
</head>
        <body>
                <div id="test1"></div>
                <div id="test2"></div>
                <div id="test3"></div>
                <div id="test4"></div>
        </body>
</html>

L80558~@R60[DQNIC%L9RT3.png

使用道具 举报

Rank: 2

发表于 2017-1-11 13:40:45 |显示全部楼层
ddddddddddddddddddddddd

使用道具 举报

Rank: 1

发表于 2017-4-8 23:16:53 |显示全部楼层
本帖最后由 小道士敲木鱼 于 2017-4-8 23:18 编辑

<style type="text/css">
        
        div{
                margin: 0 auto;
        }
        #one{
                width: 0px;
                height: 0px;
                border-top: 100px solid rgba(0,0,0,0);
                border-right: 100px solid rgba(0,0,0,0);
                border-bottom: 100px solid green;
                border-left: 100px solid rgba(0,0,0,0);

        }
        #tea{
                width: 30px;
                height: 0px;
                border-top: 100px solid rgba(0,0,0,0);
                border-right: 100px solid rgba(0,0,0,0);
                border-bottom: 100px solid yellow;
                border-left: 100px solid rgba(0,0,0,0);

        }

</style>
</head>
    <body>
            <div id="one"></div>
            <div id="tea"></div>
            <div id="bear"></div>
            <div id="coffee"></div>
    </body>

为什么我这个没办法靠在一起呢?谢谢

为什么我这个没办法靠在一起呢?谢谢

使用道具 举报

Rank: 1

发表于 2017-4-8 23:21:02 |显示全部楼层
664929323 发表于 2017-1-11 13:40
ddddddddddddddddddddddd

为什么我这样做两块完全靠不在一起,只能分开呢?谢谢帮助

使用道具 举报

您需要登录后才可以回帖 登录 | 立即注册

Archiver|自学it网 ( 京ICP备12009156号 )  

GMT+8, 2017-6-26 03:08 , Processed in 0.033986 second(s), 7 queries , Memcache On.

Powered by Discuz! X2

© 2001-2011 Comsenz Inc.

回顶部