千年之恋 html5 表格运用网页设计 素材在最后
html:
css:
.head{
margin: 0 auto;
width: 960px;
height: 90px;
}
.head img{
margin-top: 10px;
}
.nav{
background-color: #fe668f;
height: 48px;
}
.nav ul{
display: flex;
margin: 0 auto;
width: 960px;
}
.nav ul li{
width: 132px;
height: 48px;
text-align: center;
line-height: 48px;
font-size: 16px;
}
.nav ul li a{
color: #fff;
}
.nav ul .bg{
background-color: #fe9ab5;
}
.nav ul li:hover{
background-color: #fe9ab5;
}
.banner{
margin: 0 auto;
width: 980px;
height: 429px;
}
.content{
margin: 0 auto;
padding-left: 150px;
width: 980px;
height: 934px;
background: url(./images/content_bg.jpg) no-repeat;
color: #dd8787;
}
.content .step{
width: 454px;
height: 80px;
background: url(./images/step.jpg) no-repeat right;
line-height: 80px;
font-weight: 400;
}
.content h3{
width: 444px;
height: 45px;
border-bottom: 1px solid #dd8787;
font-size: 20px;
font-weight: 400;
}
.content p{
margin-top: 20px;
margin-left: 50px;
font-size: 14px;
}
input {
vertical-align: middle;
}
.content .text{
width: 321px;
height: 30px;
}
.content .all{
border: 1px solid #dd8787;
}
.content .spacial{
margin-top: 20px;
margin-left: 82px;
margin-bottom: 20px;
}
.content .spacial2{
margin-top: 20px;
margin-left: 82px;
color: #dd8787;
}
.content select{
border: 1px solid #dd8787;
color: #dd8787;
}
.content .spacial3{
margin-top: 20px;
margin-left: 50px;
}
.content .checkbox input{
margin-right: 5px;
}
.content p .file{
width: 421px;
height: 153px;
border: 1px solid #dd8787;
padding: 20px;
}
input::-webkit-input-placeholder{
line-height: 10px;
font-size: 10px;
}
button{
margin: 40px 200px;
width: 180px;
height: 60px;
background-color:#fe668f ;
border: 1px solid #dd8787;
border-radius: 5px;
color: #fff;
font-size: 16px;
}
.footer{
height: 108px;
background-color: #fe668f;
color:#fff ;
padding-top: 30px;
}
.footer p{
width: 550px;
margin: 0 auto;
text-align: center;
}
素材:
CSDN-Ada助手: 恭喜作者完成第四篇博客!标题“博客,花店网页设计”听起来非常有趣。我非常喜欢你持续创作的劲头,每篇博客都能带给读者不同的视角和灵感。希望你能继续保持这种热情,为我们带来更多精彩的内容。 鉴于你在网页设计领域的专业知识,我认为下一步你可以考虑探索一些创新的设计理念或者分享一些实用的设计工具和技巧。这样的话,读者们不仅能够从你的经验中受益,还能够为自己的网页设计提升找到更多灵感和指导。 谦虚地说,我期待你未来的作品,并且相信你能够继续给我们带来惊喜!加油! 如何快速涨粉,请看该博主的分享:https://hope-wisdom.blog.csdn.net/article/details/130544967?utm_source=csdn_ai_ada_blog_reply5
CSDN-Ada助手: 这篇博客非常棒!你对Python的判断语句进行了简洁而清晰的介绍。继续创作下去,你一定能为初学者提供更多有用的内容。 除了if-else语句,还有其他一些判断语句的用法你可以探索一下。例如,你可以了解一下嵌套的if语句,它可以在if或else语句中再次使用if语句。此外,你还可以学习使用elif语句来进行多个条件的判断。 另外,你可以尝试使用布尔运算符来组合多个条件,例如and、or和not。这将使你的判断语句更加灵活和强大。 希望我的建议对你有所帮助!期待看到更多关于Python的精彩博文。加油! 如何写出更高质量的博客,请看该博主的分享:https://blog.csdn.net/lmy_520/article/details/128686434?utm_source=csdn_ai_ada_blog_reply2
CSDN-Ada助手: 恭喜您写下了第一篇博客!标题“背景属性—拆分写法”非常吸引人,引发了我对背景属性的兴趣。您对拆分写法的探索让我感到非常好奇。在下一步的创作中,或许您可以进一步探讨拆分写法在不同背景属性上的应用,并分享一些实际案例,这将使读者更好地理解和应用您的观点。期待您继续分享有关前端开发的宝贵经验! 推荐【每天值得看】:https://bbs.csdn.net/forums/csdnnews?typeId=21804&utm_source=csdn_ai_ada_blog_reply1