企业官网建设流程全解析

作业

<!DOCTYPEhtml><htmllang="en"><head><metacharset="UTF-8"><title>Document</title><style>.container{width:800px;padding:0 20px 20px 20px;margin:0 auto;border:1px black solid;background-size:cover;background:url(background.png)center no-repeat;}.title{font-size:25px;margin-bottom:20px;text-align:center;}table{width:100%;border-collapse:collapse;margin:0 auto;background-color:rgb(201,201,201);}th{background-color:rgba(0,0,0,0.5);border:1px black dashed;color:white;font-weight:bold;text-align:center;vertical-align:middle;padding:12px;}td{height:260px;border:1px black dashed;padding:12px;text-align:center;vertical-align:middle;}img{width:100%;height:auto;display:block;}.name{font-size:16px;padding-top:10px;padding-bottom:10px;}.price{color:red;font-weight:bold;}button{width:50%;font-size:12px;margin-top:10px;background-color:rgb(255,255,200);border-style:none;cursor:pointer;}</style></head><body><divclass="container"><h1class="title">商品展示区</h1><table><thead><tr><th>商品1</th><th>商品2</th><th>商品3</th></tr></thead><tbody><tr><td><imgsrc="./tomato.png"alt="番茄"><pclass="name">番茄</p><pclass="price">5元/斤</p><button>点击购买</button></td><td><imgsrc="./tomato.png"alt="番茄"><pclass="name">番茄</p><pclass="price">5元/斤</p><button>点击购买</button></td><td><imgsrc="./tomato.png"alt="番茄"><pclass="name">番茄</p><pclass="price">5元/斤</p><button>点击购买</button></td></tr></tbody></table></div></body></html>