论坛

标题: 作业 [打印本页]
作者: 榴莲味奶粉香喷喷的呀    时间: 2018-1-18 17:50
标题: 作业
  1. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  2. <html xmlns="http://www.w3.org/1999/xhtml">
  3. <head>
  4. <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
  5. <title>阴影</title>
  6. <style>
  7. .as{ width:200px; height:400px; background-color:#CCC;
  8. margin:100px auto; box-shadow:2px 4px 10px #333333;}
  9. .as:hover{box-shadow:4px 6px 20px #333333; opacity:0.8;}
  10. </style>
  11. </head>

  13. <body>
  14. <div class="as">
  15. </div>
  16. </body>
  17. </html>
复制代码
  1. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  2. <html xmlns="http://www.w3.org/1999/xhtml">
  3. <head>
  4. <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
  5. <title>css</title>
  6. <style>
  7. .as{ width:0px; height:0px;
  8.     border:100px solid transparent;
  9.         border-bottom-color:#090;
  10.         margin:-100px auto;
  11.         }
  12.         .ad{ width:0px; height:0px;
  13.     border:150px solid transparent;
  14.         border-bottom-color:#090;
  15.         margin:-150px auto;
  16.         }
  17.         .af{ width:0px; height:0px;
  18.     border:200px solid transparent;
  19.         border-bottom-color:#090;
  20.         margin:-200px auto;
  21.         }
  22.         .ag{ width:60px; height:230px; background-color:#090;
  23.         margin:150px auto;
  24.         }

  26. </style>
  27. </head>

  29. <body>
  30. <div class="as">
  31. </div>
  32. <div class="ad">
  33. </div>
  34. <div class="af">
  35. </div>
  36. <div class="ag">
  37. </div>
  38. </body>
  39. </html>
复制代码
第一个是阴影 第二个是圣诞树 都是手写代码
作者: lori棒棒糖    时间: 2018-1-19 18:33
作业完成没有问题~



欢迎光临 论坛 (http://bbs.qinxue.com/) Powered by Discuz! X3.1