時間:2023-04-22 07:27:02 | 來源:網(wǎng)站運(yùn)營
時間:2023-04-22 07:27:02 來源:網(wǎng)站運(yùn)營
網(wǎng)頁經(jīng)典布局方案:<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv="X-UA-Compatible" content="ie=edge"> <title>左右兩欄式布局</title> <style> .wrap{ margin: 0 auto; width: 1200px; } #left{ width: 200px; height: 500px; background: #ccffff; float: left; } #right{ height: 500px; background: #ffcccc; margin-left: 200px; } </style> </head><body> <div class="wrap"> <aside id="left"></aside> <section id="right"></section> </div></body></html>
效果:<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv="X-UA-Compatible" content="ie=edge"> <title>左中右三欄式布局</title> <style> .wrap{ margin: 0 auto; width: 900px; } #left{ width: 200px; height: 500px; background: #ccffff; float: left; } #right{ width: 200px; height: 500px; background: #ccffff; margin-left: 200px; float: right; } #main{ height: 500px; background: #ffcccc; margin: 0 210px; } </style></head><body> <div class="wrap"> <aside id="left"></aside> <section id="right"></section> <div id="main"></div> </div></body></html>
效果:關(guān)鍵詞:方案,布局,經(jīng)典
客戶&案例
營銷資訊
關(guān)于我們
微信公眾號
版權(quán)所有? 億企邦 1997-2025 保留一切法律許可權(quán)利。