HTML5技术

从网页psd到html的开发 - fanfan_nancy(4)

字号+ 作者:H5之家 来源:博客园 2015-11-06 10:27 我要评论( )

{ 3 width : 240px ; 4 float : left ; 5 } 6 .webad { 7 width : 240px ; 8 height : 248px ; 9 float : left ; 10 position : relative ;}{ 15 border-bottom : dotted #ccc ; 16 height : 36px ; 17 } 18 .webad

{ 3 width: 240px; 4 float: left; 5 } 6 .webad{ 7 width: 240px; 8 height: 248px; 9 float: left; 10 position: relative; } { 15 border-bottom: dotted #ccc; 16 height: 36px; 17 } 18 .webad .t2_1{ 19 float: left; 20 margin-top: 11px; 21 font-weight:bold; 22 font-size: 14px; 23 24 } { 27 margin-top: 12px; 28 font-size: 12px; 29 line-height: 12px; 30 text-align: center; 31 color: #fff; 32 float: right; 33 width: 53px; 34 height: 12px; 35 -webkit-border-radius: 2px; 36 -moz-border-radius: 2px; 37 border-radius: 2px; 38 background-color: rgb(185,15,16); 39 40 } { 43 margin-top: 20px; 44 } { 47 color: #aaa; 48 display: block; 49 font-size: 12px; 50 margin-bottom: 10px; 51 } { 54 text-decoration: none; 55 color: #000; 56 display: block; 57 font-size: 12px; 58 margin-bottom: 10px; 59 } { 62 width: 240px; 63 height: 52px; 64 float: left; 65 margin-top: 35px; 66 background-color: #bdb098; 67 } { 70 font-size: 18px; 71 line-height: 52px; 72 font-weight: bold; 73 } { 76 float: left; 77 margin-left: 20px; 78 margin-top: 15px; 79 } { 82 width: 20px; 83 height: 20px; 84 background-color: #533B27; 85 -webkit-border-radius: 10px; 86 -moz-border-radius: 10px; 87 border-radius: 10px; 88 float: right; 89 margin-right: 13px; 90 color: #fff; 91 margin-top: 16px; 92 text-align: center; 93 94 } { 97 width: 240px; 98 height: 52px; 99 vertical-align:middle; 100 float: left; 101 margin-top: 10px; 102 background-color: #bdb098; 103 } { 106 float: left; 107 margin-left: 20px; 108 margin-top: 15px; 109 } { 112 width: 240px; 113 height: 52px; 114 float: left; 115 margin-top: 10px; 116 117 } { 120 color: #000; 121 margin-top: 15px; 122 font-size: 14px; 123 line-height: 24px; 124 font-weight: bold; 125 display: block; 126 float: left; 127 margin-left: 15px; 128 } { 131 float: left; : 15px; 134 }

View Code

  4.footer    

 

1.本站遵循行业规范,任何转载的稿件都会明确标注作者和来源;2.本站的原创文章,请转载时务必注明文章作者和来源,不尊重原创的行为我们将追究责任;3.作者投稿可能会经我们编辑修改或补充。

相关文章
  • HTML5 进阶系列:拖放 API 实现拖放排序 - _林鑫

    HTML5 进阶系列:拖放 API 实现拖放排序 - _林鑫

    2017-05-02 11:02

  • 【Vue 入门】使用 Vue2 开发一个展示项目列表的应用 - zhangjk

    【Vue 入门】使用 Vue2 开发一个展示项目列表的应用 - zhangjk

    2017-04-30 16:00

  • 在Delphi下使用迅雷APlayer组件进行免注册开发 - Delphi力量

    在Delphi下使用迅雷APlayer组件进行免注册开发 - Delphi力量

    2017-04-28 15:00

  • HTML5 进阶系列:indexedDB 数据库 - _林鑫

    HTML5 进阶系列:indexedDB 数据库 - _林鑫

    2017-04-27 14:02

网友点评
i