摘要: .box{ width: 200px; height: 200px; background-color: #FFC0CB; /*宽度200,悬停的时候宽度到600,花费1秒*/ /* transition: width 1s,background-color 2s; */ /* all 代表所有属性 阅读全文
posted @ 2022-05-12 16:06 hi123hi159 阅读(27) 评论(0) 推荐(0)
摘要: background-image: url(); background-position: -3px 0; 阅读全文
posted @ 2022-05-12 11:31 hi123hi159 阅读(23) 评论(0) 推荐(0)
摘要: /*半透明*/ opacity: 0.5; 阅读全文
posted @ 2022-05-12 11:08 hi123hi159 阅读(19) 评论(0) 推荐(0)
摘要: overflow溢出 /*溢出的内容隐藏掉*/ overflow: hidden; /*溢出的内容加滚动条来显示*/ overflow: auto; 阅读全文
posted @ 2022-05-12 10:45 hi123hi159 阅读(210) 评论(0) 推荐(0)
摘要: border-radius圆角边框 border-radius:10px,20px,40px,80px 阅读全文
posted @ 2022-05-12 10:17 hi123hi159 阅读(38) 评论(0) 推荐(0)
摘要: 基线对齐 居中: vertical-align: middle; 顶部: vertical-align: top; 阅读全文
posted @ 2022-05-12 09:51 hi123hi159 阅读(1549) 评论(0) 推荐(0)
摘要: /*相对定位*/ position: relative; width: 200px; height: 200px; /*绝对定位*/ position: absolute; left: 0; top: 200px; /*固定定位*/ position: fixed; 阅读全文
posted @ 2022-05-12 09:30 hi123hi159 阅读(19) 评论(0) 推荐(0)
摘要: transform:translate(-50%,-50%); 位移 阅读全文
posted @ 2022-05-12 09:02 hi123hi159 阅读(54) 评论(0) 推荐(0)
摘要: 添加盒子下边缘阴影 box-shadow:0px 2px 3px 0px rgba(118,118,118,0.2); 阅读全文
posted @ 2022-05-12 04:39 hi123hi159 阅读(250) 评论(0) 推荐(0)