初学者模仿一个html用于学习

最新推荐文章于 2023-02-08 22:04:34 发布

weixin_42041819

最新推荐文章于 2023-02-08 22:04:34 发布

阅读量86

点赞数

分类专栏： HTML

本文链接：https://blog.csdn.net/weixin_42041819/article/details/118477889

版权

HTML 专栏收录该内容

1 篇文章 0 订阅

订阅专栏

西部开源提供多种IT课程，包括Python全栈、Linux云自动化运维、区块链安全和Java大数据等，助学员掌握前沿技术并实现高质量就业。设有详细的教学体系，实时更新的课程进度，为学员打造专业学习路径。

摘要由CSDN通过智能技术生成

}
#j2{
width:100px ;
height: 74px;
float: left;
background-image: url(picture/laba.png);
background-size: 100% 100%;
}
#j3{
float: left;
width:120px ;
height: 74px;
line-height: 80px;
}
#j4{
float: left;
width:400px ;
height: 74px;
line-height: 80px;
}

#run{
margin-top: 0px;
height: 170px;
width: 100%;
border: 1px white solid;
}
#r1{
float: left;
height: 169px;
width: 240px;

}
#r2{
float: left;
height: 169px;
width: 420px;
border: 1px white solid;
border-bottom-style: dashed;
border-bottom-color: #000000;
background-color: skyblue;
background-size: 100% 100%;
line-height: 40px;
line-height: 70px;
}
#rr2{
float: left;
height: 120px;
width: 130px;

}
#r3{
float: left;
height: 169px;
width: 20px;

}
#r4{

border: 1px white solid;
border-bottom-style: dashed;
border-bottom-color: #000000;
float: left;
height: 169px;
width: 420px;

background-color: purple;
}
#rrr2{
float: left;
height: 120px;
width: 130px;

}

#run1{
margin-top: 0px;
height: 115px;
width: 100%;
margin-left: 2px;
}
#a1{
float: left;
height: 114px;
width: 240px;

}

#a2{
float: left;
height: 114px;
width: 420px;
background-color: skyblue;
background-size: 100% 100%;
line-height: 40px;
line-height: 50px;
}

#a3{
float: left;
height: 114px;
width: 20px;

}
#a4{
margin-left: 2px;
float: left;
height: 114px;
width: 420px;
background-color: purple;
line-height: 40px;
line-height: 50px;
}

#run2{
margin-top: 17px;
height: 170px;
width: 100%;
border: 1px white solid;
}
#b1{
float: left;
height: 169px;
width: 240px;
border: 1px white solid;
}
#b2{
float: left;
height: 169px;
width: 420px;
border: 1px white solid;
border-bottom-style: dashed;
border-bottom-color: #000000;
background-color: skyblue;
background-size: 100% 100%;
line-height: 40px;
line-height: 70px;
}
#rru2{
float: left;
height: 120px;
width: 130px;
background-image: url(picture/pao.png);
background-size: 100% 100%;

}
#b3{
float: left;
height: 169px;
width: 20px;
border: 1px white solid;
}
#b4{
float: left;
height: 169px;
width: 420px;
border: 1px white solid;
border-bottom-style: dashed;
border-bottom-color: #000000;
background-color: purple;
}
#rrru2{
float: left;
height: 120px;
width: 130px;

}

#run3{
margin-left: 1px;
margin-top: 0px;
height: 115px;
width: 100%;
/* border: 1px white solid; */
}
#c1{
float: left;
height: 114px;
width: 240px;
border: 1px white solid;
}
#c2{
margin-left: 1px;
float: left;
height: 114px;
width: 420px;
background-color: skyblue;
background-size: 100% 100%;
line-height: 40px;
line-height: 40px;
line-height: 50px;
}

#c3{
float: left;
height: 114px;
width: 20px;
border: 1px white solid;
}
#c4{
margin-left: 2px;
float: left;
height: 114px;
width: 420px;
background-color: purple;
line-height: 40px;
line-height: 50px;
}