HTML中如何模仿新浪部分静态页面展示 - 行业资讯 - 肥雀云

这篇文章主要介绍HTML中如何模仿新浪部分静态页面展示，文中介绍的非常详细，具有一定的参考价值，感兴趣的小伙伴们一定要看完！

 1  2  3  4  5      6      7  8  9     10         汽车/在线购车
11         12             
13             选贵的也要选对的 热销豪华中型SUV推荐
14         
15         16             新高尔夫百公里油耗为5L 奥迪Q4整体犀利
17             新高尔夫百公里油耗为5L 奥迪Q4整体犀利
18             新高尔夫百公里油耗为5L 奥迪Q4整体犀利
19             新高尔夫百公里油耗为5L 奥迪Q4整体犀利
20             新高尔夫百公里油耗为5L 奥迪Q4整体犀利
21             新高尔夫百公里油耗为5L 奥迪Q4整体犀利
22             新高尔夫百公里油耗为5L 奥迪Q4整体犀利
23         
24     
25 26

 1 a{ 2     text-decoration:none; 3 } 4 #dnews{ 5     width:320px; 6     height:264px; 7    8 } 9 #dhead{10     width:320px;11     height:30px;12     padding-left:10px;13     box-sizing:border-box;14     line-height:30px;15     background-color:rgba(76,255,0,0.1);16 }17 #dnews #dhead a:hover{18     color:blue;19 }20 #news{21     width:320px;22     height:70px; 
　　23     margin-top:10px;24 }25 #news #newspic{26     float:left;27     width: 36%;28 }29 #news #newstitle{30       width: 64%;31     /* padding-left: 10px; */32     font-size: 16px;33     /* margin-left: 5px; */34     /* padding-left: 4px; */35     float: left;36 }37 #news #newstitle a:hover{38     color:blue;39 }40 #tabs{41     list-style-type:none;42     color:black;43     font-size:14px;44     line-height:20px;45     float:left;46     margin: 0px  -40px;47       48 }49 #tabs .tab a:hover{50     color:red;51 }52 .tab{53     background-image:url(../img/2.png);54     background-repeat:no-repeat;55     padding-left:20px;56     background-position-y:center;57 }

以上是“HTML中如何模仿新浪部分静态页面展示”这篇文章的所有内容，感谢各位的阅读！希望分享的内容对大家有帮助，更多相关知识，欢迎关注行业资讯频道！