设为首页收藏本站
开启辅助访问
搜索
快捷导航
论坛 › 学院 › 平面设计学院 › 作业
发新帖
返回列表
1 882
电梯直达  跳转到指定楼层

[作业] 作业

发表于 2018-1-18 17:50 | 复制链接 | 打印 | 上一主题 | 下一主题
Dreamweaver CC零基础入门教程 - 5.10 边框和阴影的用法
  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>
复制代码
第一个是阴影 第二个是圣诞树 都是手写代码
举报 使用道具
| 回复

共1个回复 最后回复于 2018-1-19 18:33

lori棒棒糖
版主
勤币 13901   学币 196  
沙发
发表于 2018-1-19 18:33:38 | 只看该作者
作业完成没有问题~
举报 使用道具
回复 支持 反对
发新帖
返回列表
B Color Image Link Quote Code Smilies
高级模式
您需要登录后才可以回帖 登录 | 立即注册

本版积分规则

快速回复 返回顶部 返回列表