用html制作一个简单的五环
来源:互联网 发布:三菱plcq系列编程手册 编辑:程序博客网 时间:2024/05/01 10:18
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title></title>
<style type="text/css">
div{
width: 100px;
height: 100px;
background-color: transparent;
border: 10px solid ;
border-radius: 110px;
}
.a1{
border-color: blue;
}
.a2{
border-color:black;
margin-top: -120px;
margin-left: 130px;
}
.a3{
border-color: yellow;
margin-top: -120px;
margin-left: 260px;
}
.a4{
border-color: red;
margin-top:-60px;
margin-left: 55px;
}
.a5{
border-color: green;
margin-top: -120px;
margin-left: 185px;
}
</style>
</head>
<body>
<div class="a1"></div>
<div class="a2"></div>
<div class="a3"></div>
<div class="a4"></div>
<div class="a5"></div>
</body>
</html>
<html>
<head>
<meta charset="utf-8">
<title></title>
<style type="text/css">
div{
width: 100px;
height: 100px;
background-color: transparent;
border: 10px solid ;
border-radius: 110px;
}
.a1{
border-color: blue;
}
.a2{
border-color:black;
margin-top: -120px;
margin-left: 130px;
}
.a3{
border-color: yellow;
margin-top: -120px;
margin-left: 260px;
}
.a4{
border-color: red;
margin-top:-60px;
margin-left: 55px;
}
.a5{
border-color: green;
margin-top: -120px;
margin-left: 185px;
}
</style>
</head>
<body>
<div class="a1"></div>
<div class="a2"></div>
<div class="a3"></div>
<div class="a4"></div>
<div class="a5"></div>
</body>
</html>
阅读全文
0 0
- 用html制作一个简单的五环
- 用javascript制作一个简单的html编辑器
- 用construct2制作一个简单的游戏
- 一个简单的html
- 一个简单的html
- 一个简单的html
- 一个简单的html
- openGL ES进阶教程(五)制作一个简单的VR播放器,播放全景视频
- 制作一个简单的setup
- 制作一个简单的计算器
- 一个简单的外挂制作
- 制作一个简单的文件系统
- 制作一个简单的动画
- 一个简单的表格制作
- 制作一个简单的画板
- 用html做一个简单的课程表
- 一个用HTML编写的简单课表
- 用html做一个简单的靶子
- Java NIO与IO的区别和比较
- NOIP2016 组合数问题
- Iput子系统模型探究--2(handler-->以evdev_handler为例)
- 2-4 求交错序列前n项和
- Swagger常用注解API介绍
- 用html制作一个简单的五环
- CodeForces
- [数位DP]Hdu 6148——Valley Number
- CodeVS1267 老鼠的旅行 解题报告【棋盘型DP】
- Mysql中的CONCAT、GROUP_CONCAT使用示例
- CSS弹性盒子模型Flex
- 图片读取格式
- JS小知识
- 解决火狐兼容性问题