Java教程

2021-09-21

本文主要是介绍2021-09-21,对大家解决编程问题具有一定的参考价值,需要的程序猿们随着小编来一起学习吧!

反转九九乘法表和正序乘法表

for(var i = 9; i>0; i--){
			for(var j=1; j<=i; j++){
				num = i*j;
				document.write(i+"*"+j+"="+num+"&nbsp;&nbsp");
			}
			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;
			}

 

希望看过的能够点个小爱心和关注! 

这篇关于2021-09-21的文章就介绍到这儿,希望我们推荐的文章对大家有所帮助,也希望大家多多支持为之网!