first commit

历届学生/韩想/项目开发/练习项目/仿快手/赵俊凯/css/index.css

@@ -0,0 +1,87 @@
+body {
+    background: #666;
+}
+ul{
+    display: flex;
+    flex-flow: wrap;
+    width: 100%;
+}
+
+ul li {
+    background: #fff;
+    width: 230px;
+    margin-right: 20px;
+    margin-bottom: 20px;
+}
+
+.toubu {
+    width: 230px;
+    height: 178px;
+    text-align: center;
+    position: relative;
+    overflow: hidden;
+
+}
+
+.mohu {
+    position: absolute;
+    width: 100%;
+    height: 100%;
+    z-index: 2;
+    background: #000;
+    filter: blur(10px);
+    background: url("https://tx2.a.yximgs.com/upic/2019/07/03/10/BMjAxOTA3MDMxMDA0MTVfNTM5MDQyMTEyXzE0NzI1NzExODYxXzFfMw==_B31e7e8be6ec877b201f37b511609f7e7.jpg?di=d3a20ac3&bp=10004");
+    background-position: center center;
+}
+
+.toubu img {
+    width: 103px;
+    height: 178px;
+    position: absolute;
+    z-index: 3;
+    left: 50%;
+    margin-left: -51.5px;
+}
+
+.bottom {
+    padding: 10px 5px 5px 5px;
+    box-sizing: border-box;
+}
+
+.toux a {
+    display: flex;
+    justify-content: flex-start;
+    align-items: center;
+    color: #bababa;
+}
+
+.toux a img {
+    width: 35px;
+    height: 35px;
+    border-radius: 100%;
+}
+
+.toux a span {
+    width: 50%;
+    text-overflow : ellipsis;
+    font-size: 13px;
+    width: 230px;
+    overflow: hidden;
+    white-space: nowrap;
+    text-overflow: ellipsis;
+    margin-left: 10px;
+}
+
+.dzsc {
+    display: flex;
+    justify-content: space-between;
+    height: 36px;
+    align-items: center;
+    padding: 3px 5px 0 5px;
+    color: #b7b7b7;
+    font-size: 13px;
+}
+
+.dzsc a {
+    color: #b7b7b7;
+}