怎么用纯CSS画一颗圣诞树
来源:互联网 发布:盗贼源码论坛解压密码 编辑:程序博客网 时间:2024/05/02 04:38
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" lang="zh-CN">
<head>
<title>CSS christmas tree</title>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<style>
div{
width:200px;
height:300px;
background:gray;
}
#toptree{
width:0px;
height:0px;
border-top:0px solid blue;
border-right:100px solid transparent;
border-bottom:100px solid green;
border-left:100px solid transparent;}
#secondtree{
width:0px;
height:0px;
border-top:0px;
border-right:80px solid transparent;
border-bottom:80px solid green;
border-left:80px solid transparent;
margin-left:20px;}
#footer{
width:20px;
height:100px;
background:black;
margin-left:90px;}
</style>
</head>
<body>
<div>
<div id="toptree"></div>
<div id="secondtree"></div>
<div id="footer"></div>
</div>
</body>
<html xmlns="http://www.w3.org/1999/xhtml" lang="zh-CN">
<head>
<title>CSS christmas tree</title>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<style>
div{
width:200px;
height:300px;
background:gray;
}
#toptree{
width:0px;
height:0px;
border-top:0px solid blue;
border-right:100px solid transparent;
border-bottom:100px solid green;
border-left:100px solid transparent;}
#secondtree{
width:0px;
height:0px;
border-top:0px;
border-right:80px solid transparent;
border-bottom:80px solid green;
border-left:80px solid transparent;
margin-left:20px;}
#footer{
width:20px;
height:100px;
background:black;
margin-left:90px;}
</style>
</head>
<body>
<div>
<div id="toptree"></div>
<div id="secondtree"></div>
<div id="footer"></div>
</div>
</body>
</html>
1 0
- 怎么用纯CSS画一颗圣诞树
- 用CSS画三角形,圣诞树
- HTML&CSS--圣诞树
- HTML div CSS圣诞树~
- css画圣诞树
- 怎么用纯css改变select的样式
- 怎么用纯css 修改美化select选择框
- 休闲时光小代码----用CSS制作圣诞树
- 圣诞树
- 圣诞树
- 圣诞树
- 圣诞树
- 利用CSS画一颗圣诞树(两个叶子,三叶标记未完成)
- 纯JS脚本1k大小的3D圣诞树
- 用纯css创建三角形
- 用纯CSS实现三角形
- HTML&CSS学习1——画圣诞树
- 纯css画一颗跳动的心
- 计蒜之道2016 总决赛
- java中的异常
- 光流法小结
- C语言指针1
- sklearn PLS DecisionTree EnsembleMethods
- 怎么用纯CSS画一颗圣诞树
- JavaScript 对象
- 线程模型
- 【杭电5804】bestcoder
- 不得不说的事!SQL语句优化技巧
- Android N新特性--多窗口支持
- HDU4758 Walk Through Squares(AC自动机+状压DP)
- [LintCode]Add and Search Word
- poj 3608