三角形 div重叠
2015-07-22 14:57
246 查看
<html>
<head>
<title></title>
<style type="text/css">
.a{
width:0; height:0;
line-height:0;
border:100px solid transparent;
border-left-color:#ff0099;
/*border-right-color:red;*/
border-top-color:#ff0099;
/*border-bottom-color:blue;*/
/*border-right:0;*/
z-index: 2;
position: absolute;left: 0;top: 0;
}
.b{
width: 400px;height: 400px;background-color: red;
z-index: 1;
position: absolute;left: 0;top: 0;
}
</style>
</head>
<body>
<div style="position:relative">
<div class="a"></div>
<div class="b"></div>
</div>
</body>
</html>
<head>
<title></title>
<style type="text/css">
.a{
width:0; height:0;
line-height:0;
border:100px solid transparent;
border-left-color:#ff0099;
/*border-right-color:red;*/
border-top-color:#ff0099;
/*border-bottom-color:blue;*/
/*border-right:0;*/
z-index: 2;
position: absolute;left: 0;top: 0;
}
.b{
width: 400px;height: 400px;background-color: red;
z-index: 1;
position: absolute;left: 0;top: 0;
}
</style>
</head>
<body>
<div style="position:relative">
<div class="a"></div>
<div class="b"></div>
</div>
</body>
</html>
内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理 
相关文章推荐
- Linux 下网卡配置参数
- FMDB详解
- hdu 5228 OO’s Sequence 多校 思维题
- linux常见命令
- Android Studio使用简介
- HDU2040有一楼梯共M级，刚开始时你在第一级
- Android Studio使用简介 分类： Android 2015-07-22 14:57 71人阅读 评论(0) 收藏
- Swift2.0语言教程之类的嵌套与可选链接
- 利用Python的Django框架生成PDF文件的教程
- 白话同步异步、阻塞非阻塞机制
- J2EE：数据访问层的设计相关概念
- hdu 5294 Tricks Device（最短路 + 最大流）
- 基于JQ的Lightbox插件视频教程
- Canvas文本绘制
- ftw.h
- Php-fpm
- 创建两个线程模拟火车站两个窗口售票程序
- 阿里云win2008企业版镜像搭建ftp服务
- 1017 乘积最大
- 使input框的宽度随输入的字符的长度变化而变化