帮我写一个 简单的公司企业官网单页源码
2023/03/16 21:39:04
濂界殑锛屼互涓嬫槸涓涓畝鍗曠殑鍏徃浼佷笟瀹樼綉鍗曢〉鐨 HTML 鍜 CSS 婧愪唬鐮佺ず渚嬶細
- <!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>鍏徃浼佷笟瀹樼綉</title> <style> body { font-family: Arial, sans-serif; margin: 0; padding: 0; } header { background-color: #333; color: #fff; padding: 20px; text-align: center; } h1 { margin: 0; font-size: 36px; } nav { background-color: #ddd; padding: 10px; } nav ul { list-style: none; margin: 0; padding: 0; text-align: center; } nav li { display: inline-block; margin: 0 10px; } nav a { color: #333; text-decoration: none; padding: 5px; border: 1px solid #333; border-radius: 5px; } nav a:hover { background-color: #333; color: #fff; } section { padding: 20px; text-align: center; } footer { background-color: #333; color: #fff; padding: 20px; text-align: center; } </style></head><body> <header> <h1>娆㈣繋鏉ュ埌鍏徃浼佷笟瀹樼綉</h1> </header> <nav> <ul> <li><a href="#">棣栭〉</a></li> <li><a href="#">浜у搧浠嬬粛</a></li> <li><a href="#">鏈嶅姟椤圭洰</a></li> <li><a href="#">鑱旂郴鎴戜滑</a></li> </ul> </nav> <section> <h2>鍏徃浠嬬粛</h2> <p>杩欓噷鏄叕鍙哥殑浠嬬粛锛屽彲浠ョ畝瑕佷粙缁嶅叕鍙哥殑鍘嗗彶銆佽妯°佷笟鍔¤寖鍥寸瓑淇℃伅銆</p> </section> <footer> <p>鐗堟潈鎵鏈 漏 鍏徃鍚嶇О 2023</p> </footer></body></html>