1. <ul class="list">
  2. <li class="first">item1</li>
  3. <li>item2</li>
  4. <li>item3</li>
  5. <li>item4</li>
  6. <li>item5</li>
  7. <li>item6</li>
  8. <li>item7</li>
  9. <li>item8</li>
  10. </ul>
  1. css内容
  2. /**全部变成统一背影色*/
  3. .list >li:nth-of-type(n){
  4. background-color: brown;
  5. }
  6. /**奇数变成某一个颜色*/
  7. .list >li:nth-of-type(2n + 1){
  8. background-color: aqua;
  9. }
  10. /**偶数变成某一个颜色*/
  11. .list >li:nth-of-type(2n + 2){
  12. background-color: burlywood;
  13. }
  14. /**第三个 变成 黑色,然后到第五个变成 黑色*/
  15. .list >li:nth-of-type(5n + 3){
  16. background-color: black;
  17. }

  1. <div class="box"></div>
  2. <style>
  3. .box{
  4. background-color: aqua;
  5. background-clip: content-box;
  6. height: 150px;
  7. width: 150px;
  8. box-sizing: border-box;
  9. padding: 10px;
  10. margin: 30px;
  11. border: 1px solid red;
  12. }
  13. </style>

盒子模型学习使用margin/padding

更多相关文章

  1. Android通知栏版本兼容解决方案
  2. android 颜色
  3. 【译】Android位图颜色模式的问题
  4. android中ImageView设置选中与不选中颜色
  5. Android底部导航BottomNavigationBar的使用
  6. Android(安卓)Studio精彩案例(七)《ToolBar使用详解》
  7. EditText获取焦点框的颜色改变
  8. Android(安卓)UI开发专题(一) 之界面设计(http://www.android123
  9. android string.setSpan

随机推荐

  1. Android 淡入淡出动画xml配置代码展示
  2. XSL将XML中的CDATA注释输出为HTML文本的
  3. RSS全站静态输出和RSS订阅的步骤(dedecms)
  4. ASP.NET读取RSS的实例解析
  5. 关于XML字符的详细介绍
  6. 关于server.xml的9篇文章推荐
  7. 关于xdoc的10篇文章推荐
  8. 关于JTree的文章推荐
  9. 关于SQLite多线程的用法详解
  10. 关于J2ME 3D图形技术的实例详解