曹杨教学点? 北桥教学点? 学校总部? | 设为首页 | 加入收藏 | 官方微信
365棋牌新手卡怎么使用_365棋牌全民游戏_365棋牌游客服充值
打造“培训+就业”一站式服务品牌!
  • Python+AI工程师
  • Web前端工程师
  • Java软件开发工程师
banner1

首页>>学员天地

css+div绘制三角形
编辑:eamol? 阅读:1238次? 发布:17-03-04


--文档脚本:
?
?
?
?????
????绘制三角形?
???????
??????????.div1{?
??????????????width:?100px;?
??????????????height:?100px;?
??????????????background-color:?red;?
??????????????border-top:?50px?solid?bisque;?
??????????????border-right:?50px?solid?cadetblue;?
??????????????border-bottom:?50px?solid?magenta;?
??????????????border-left:?50px?solid?aquamarine;?
??????????}?
??????????.div2{?
??????????????width:?0px;?
??????????????height:?0px;?
??????????????background-color:?red;?
??????????????border-top:?50px?solid?bisque;?
??????????????border-right:?50px?solid?cadetblue;?
??????????????border-bottom:?50px?solid?magenta;?
??????????????border-left:?50px?solid?aquamarine;?
??????????}?

??????????.div3?{?
??????????????width:?0px;?
??????????????height:?0px;?
?????????????border-width:?50px?50px??50px?50px?;?
??????????????border-color:?purple?transparent;?
??????????????border-style:?solid;?
??????????}?
??????????.div4?{?
???????????????????width:?0px;?
???????????????????height:?0px;?
???????????????????border-width:50px?50px??0px?50px?;?
???????????????????border-color:?purple?transparent;?
???????????????????border-style:?solid;?
???????????????}?
???????
?????
?
?
??????

三角形

?

??????

第一步

?
?

?

??????

第二步

?
?
?

??????

第三步

?
???????
??????
?

??????

第四步

?
???????
??????
?

?


--效果如下:

代码效果截图



上一篇:?解决span float:right不能右对齐而是换行显示? ?下一篇:?没有了
返回列表

文摘分类

热门文章more

网络大专、自考本科,学历轻松拿!
网站声明 | 隐私承诺 | 招贤纳士 | 网站导航 | 证书查询 | 资料下载 | 近期招生计划
?2016-2020 上海内威职业技能培训学校 版权所有
普陀区真南路1051弄5号303室(邮编:200331)
咨询:021-62434966? 合作:021-13371929650? 就业:021-62434966? 传真:021-? 电邮:service@snetway.com
《中华人民共和国电信与信息服务业务》经营许可证沪ICP备15002602号?