标签:09 21 top 50% height 2021 absolute border left
反转九九乘法表和正序乘法表
for(var i = 9; i>0; i--){
for(var j=1; j<=i; j++){
num = i*j;
document.write(i+"*"+j+"="+num+"  ");
}
document.write("<br/>");
}
for(var i=1;i<=9;i++){
for(var j = 1; j<=i;j++){
num = i*j;
document.write(i+"*"+j+"="+num);
}
document.write("<br/>")
}
中国结
.div{
width: 500px;
height: 500px;
background-color: blue;
position: absolute;
top: 200px;
left: 200px;
}
/*盒子*/
.a1{
width: 150px;
height: 150px;
position: absolute;
top: 360px;
left: 360px;
border: 5px solid pink;
}/*正方形*/
.a2{
width: 150px;
height: 150px;
position: absolute;
top: 365px;
left: 287px;
border: 5px solid pink;
border-top:none;
border-left: none;
border-bottom: none;
}
.a3{
width: 150px;
height: 150px;
position: absolute;
top: 290px;
left: 365px;
border: 5px solid pink;
border-top: none;
border-left: none;
border-right: none;
}/*十字架*/
.a5{
width: 72px;
height: 75px;
position: absolute;
border-radius: 0% 0% 50% 50%;
top: 516px;
left: 438px;
border: 5px solid pink;
}
.a6{
width: 75px;
height: 70px;
position: absolute;
border-radius: 0% 50% 50% 0%;
top: 440px;
left: 514px;
border: 5px solid pink;
}
.a7{
width: 75px;
height: 75px;
position: absolute;
border-radius: 50% 0% 0% 50%;
top: 360px;
left: 280px;
border: 5px solid pink;
}
.a8{
width: 72px;
height: 75px;
position: absolute;
border-radius: 50% 50% 0% 0%;
top: 280px;
left: 360px;
border: 5px solid pink;
}/*两圆角两直角*/
.a9{
width: 75px;
height: 75px;
position: absolute;
border-radius:50% 50% 50% 0% ;
top: 280px;
left: 514px;
border: 5px solid pink;
}
.a10{
width: 75px;
height: 75px;
position: absolute;
border-radius:50% 0% 50% 50%;
top: 515px;
left: 280px;
border: 5px solid pink;
}
.a11{
width: 180px;
height: 180px;
position: absolute;
transform: rotate(45deg);
top: -147px;
left: 364px;
}
希望看过的能够点个小爱心和关注!
标签:09,21,top,50%,height,2021,absolute,border,left 来源: https://blog.csdn.net/ik_cu/article/details/120406885
本站声明: 1. iCode9 技术分享网(下文简称本站)提供的所有内容,仅供技术学习、探讨和分享; 2. 关于本站的所有留言、评论、转载及引用,纯属内容发起人的个人观点,与本站观点和立场无关; 3. 关于本站的所有言论和文字,纯属内容发起人的个人观点,与本站观点和立场无关; 4. 本站文章均是网友提供,不完全保证技术分享内容的完整性、准确性、时效性、风险性和版权归属;如您发现该文章侵犯了您的权益,可联系我们第一时间进行删除; 5. 本站为非盈利性的个人网站,所有内容不会用来进行牟利,也不会利用任何形式的广告来间接获益,纯粹是为了广大技术爱好者提供技术内容和技术思想的分享性交流网站。