网页规划html代码
导语:网页规划一般触及HTML、CSS和JavaScript。下面我将供给一个简略的HTML代码示例,用于创立一个根本的网页结构。```html我的第一个网页body{fo...
网页规划一般触及HTML、CSS和JavaScript。下面我将供给一个简略的HTML代码示例,用于创立一个根本的网页结构。
```html 我的第一个网页 body { fontfamily: Arial, sansserif; } .container { width: 80%; margin: auto; overflow: hidden; } header { backgroundcolor: 333; color: white; paddingtop: 30px; minheight: 70px; borderbottom: 0066cc 3px solid; } header a { color: ffffff; textdecoration: none; texttransform: uppercase; fontsize: 16px; } header ul { padding: 0; liststyle: none; } header li { float: left; display: inline; padding: 0 20px 0 20px; } header branding { float: left; } header branding h1 { margin: 0; } header nav { float: right; margintop: 10px; } header .highlight, header .current a { color: e8491d; fontweight: bold; } header a:hover { color: ffffff; fontweight: bold; } My Website Home Services About Contact
欢迎来到我的网站 这是我的第一个网页,欢迎拜访!
Box 1 这是第一个框的内容。
Box 2 这是第二个框的内容。
Box 3 这是第三个框的内容。
My Website
免责申明:以上内容属作者个人观点,版权归原作者所有,如有侵权或内容不符,请联系我们处理,谢谢合作!
上一篇:虚线css,虚线css代码
下一篇:html5网页制造,敞开现代网页规划新篇章