#WEB安全基础 : HTML/CSS | 0x8CSS进阶
2019-01-21 02:37:47来源：博客园 阅读 ()
你以为自己学这么点CSS就厉害了？
学点新东西吧，让你的网页更漂亮
我们只需要用到图片和网页
这是index.html的代码
1 <html> 2 <head> 3 <title>Head First Lounge</title> 4 </head> 5 <style> 6 body{ 7 margin-left: 15%; 8 margin-right: 15%; 9 font-family: sans-serif; 10 padding: 10px 10px 10px 10px; 11 border: 3px solid green; 12 } 13 p.myp{ 14 background-color: pink; 15 color: blue; 16 } 17 </style> 18 <body> 19 <h1>Welcome to the Head First Lounge</h1> 20 <img src = "images/drinks.jpg" alt = "果汁" title = "果汁" width = "400" height = "200"> 21 <P>Join us any evening for refreshing elixirs, conversation and maybe a game of two of <em>Dance Revolution</em>Wireless access is always provided;BYOWS (Brinf you Web server). 22 </p> 23 <h2>Directions</h2> 24 <p class = "myp"> 25 You'll find us right in the center of downtown Website. Come join us! 26 </p> 27 </body> 28 </html> 29 <!-- 30 background-color: pink; <p>标签的背景颜色 31 -->
请看效果
我添加了元素的背景颜色，结合学过的class(类)自己试试能不能让它变得更漂亮
//本系列教程基于《Head First HTML与CSS(第二版)》,此书国内各大购物网站皆可购买
转载请注明出处 by:M_ZPHr
最后修改日期：2019-01-17
原文链接:https://www.cnblogs.com/MZPHr/p/10280472.html
如有疑问请与原作者联系
标签：
版权申明：本站文章部分自网络，如有侵权，请联系：west999com@outlook.com
特别注意：本站所有转载文章言论不代表本站观点，本站所提供的摄影照片，插画，设计作品，如需使用，请与原作者联系，版权归原作者所有
- css与javascript重难点，学前端，基础不好一切白费！ 2020-06-11
- HTML基础教程_1 2020-06-09
- HTML基础02 2020-06-09
- HTML基础01 2020-06-07
- [03]HTML基础之行内标签 2020-06-01
IDC资讯： 主机资讯 注册资讯 托管资讯 vps资讯 网站建设
网站运营： 建站经验 策划盈利 搜索优化 网站推广 免费资源
网络编程： Asp.Net编程 Asp编程 Php编程 Xml编程 Access Mssql Mysql 其它
服务器技术： Web服务器 Ftp服务器 Mail服务器 Dns服务器 安全防护
软件技巧： 其它软件 Word Excel Powerpoint Ghost Vista QQ空间 QQ FlashGet 迅雷
网页制作： FrontPages Dreamweaver Javascript css photoshop fireworks Flash
