自定义的css

最新推荐文章于 2024-06-07 18:18:24 发布

jstzjjk

最新推荐文章于 2024-06-07 18:18:24 发布

阅读量409

点赞数

分类专栏：笔记文章标签： javascript

本文链接：https://blog.csdn.net/jstzjjk/article/details/127640851

版权

笔记专栏收录该内容

1 篇文章 0 订阅

订阅专栏

<style>
    /*
   *{border:1px solid red;margin:5px;} 
    */
innercols{display:flex;flex-direction:row;}
innerrows{display:flex;flex-direction:column;}

arow_cols{display:flex;flex-direction:row;}
acol_rows{display:flex;flex-direction:column;}
acol_cols{display:flex;flex-direction:row;}
arow_rows{display:flex;flex-direction:column;}

arow{display:flex;flex-direction:row;}
acol{display:flex;flex-direction:column;}

 .inner_rows{display:flex;flex-direction:column;}
 .inner_cols{display:flex;flex-direction:row;}
 
 .a1start{display:flex;justify-content:flex-start;}
 .a2start{display:flex;align-items:flex-start;}
 
 .a1end{display:flex;justify-content:flex-end;}
 .a2end{display:flex;align-items:flex-end;}
 
 .a1center{display:flex;justify-content:center;}
 .a2center{display:flex;align-items:center;}

 .a1stretch{display:flex;justify-content:stretch;}
 .a2stretch{display:flex;align-items:stretch;}

.rounddiv{
  border:1px solid #ccc; border-radius:5px;
  box-shadow: 0 0px 2px 2px rgba(64,93,230,0.2);
}

.flex1{flex:1}
.flexfixed{flex-shrink:0}
  
 .font1{font-family:Times New Roman,Times,serif;font-size:0.9em;font-weight:normal;}
 .font2{font-family:Times New Roman,Times,serif;font-size:1.1em;font-weight:bold;}
 
/*细线表格*/
table,th,td{
border:1px solid orange;
border-collapse:collapse;
}

    .item{
        display: flex;
       cursor: pointer;
       padding: 6px;
       margin: 3px;
 
    }
    .itemboxchecked{
       display: flex;
       border:1px solid red;width:15px;height:15px;border-radius:8px; 
       align-items:center;
       align-content: center;
       justify-content:center;
       cursor: pointer;
       color:black;
       background-color: white;
    }
    .itemboxunchecked{
       display: flex;
       border:1px solid red;width:15px;height:15px;border-radius:8px; 
       align-items:center;
       align-content: center;
       justify-content:center;
       cursor: pointer;
       color:black;
       background-color: white;
    }
    .rownotchecked{
                background-color: white;
                border: 1px solid green;/*#F5DEB3;*/
 

    }
    .rowchecked{
        background-color: #CF9; 
                        border: 1px solid #F5DEB3;
 
    }
    .rowRightAnswer{
        /*border: 1px solid pink; */
         background-color: pink; 
        border: 1px solid #F5DEB3;
 
    }
    </style>