所有项目提交

驭鑫/yxsilicon/css/footer.css

@@ -0,0 +1,75 @@
+.footer{
+    width: 100%;
+        height: 25vh;
+    background-image: url(../imgs/背景底.jpg);
+    /* background-size: cover; */
+    background-position: 5% 0%;
+    background-repeat: no-repeat;
+    background-size: 100% 100%;
+}
+
+.footer-content{
+    width: 85%;
+    height: 100%;
+    margin: 0 auto;
+    display: flex;
+    flex-direction: row;
+    justify-content: space-around;
+    align-items: center;
+}
+.footer-left{
+    width: 30%;
+    height: 60%;
+    display: flex;
+    align-items: end;
+    justify-content: space-between;
+    /* background: palegoldenrod; */
+}
+.footer-left img{
+    width: 5vw;
+    height:auto;
+   
+}
+
+.footer-right{
+    width: 70%;
+    height: 100%;
+    /* background: palevioletred; */
+    display: flex;
+    align-items: end;
+    justify-content: right;
+    color: rgba(255, 255, 255, 0.6);
+    padding-bottom: 20px;
+    font-size: 0.6vw;
+}
+.footer-left-content{
+    height: 100%;
+    color: white;
+    font-size: 0.7vw;
+    display: flex;
+    flex-direction: column;
+    /* align-items: end; */
+    justify-content: end;
+
+}
+.YXemail{
+    color: white;
+    font-size: 0.7vw;
+}
+
+.YXemail:hover{
+    color: #007bff;
+}
+.footer-left p{
+    margin-top: 8px;
+}
+
+.record{
+    color: rgba(255, 255, 255, 0.6);  
+}
+
+.record:hover{
+    color: #007bff;
+}
+
+