块状样式

pre_develop
caishi 6 years ago
parent 27acd561c0
commit 3980155697

@ -74,7 +74,7 @@ em.vertical-line{display: inline-block;width: 2px;background: #999;height: 10px}
.moreitem{position: absolute;right: 5px;top:35px;height: 15px;color:#656565} .moreitem{position: absolute;right: 5px;top:35px;height: 15px;color:#656565}
/*块状列表*/ /*块状列表*/
.square-list{width: 100%;box-sizing: border-box;margin-top:20px} .square-list{width: 100%;box-sizing: border-box;margin-top:20px}
.square-Item{position: relative;width:280px;margin-right: 26px;margin-bottom: 26px;float: left;border-radius: 6px;background-color:#fff;box-shadow: 0px 0px 12px rgba(0,0,0,0.1); height: 301px;} .square-Item{position: relative;width:280px;margin-right: 26px;margin-bottom: 26px;float: left;border-radius: 6px;background-color:#fff;box-shadow: 0px 0px 12px rgba(0,0,0,0.1); min-height: 301px;}
.square-Item:hover{bottom: 3px; box-shadow: 0px 0px 12px rgba(0,0,0,0.3);} .square-Item:hover{bottom: 3px; box-shadow: 0px 0px 12px rgba(0,0,0,0.3);}
.square-Item:hover .closeSquare{display: block} .square-Item:hover .closeSquare{display: block}
.square-Item:nth-child(4n+0){margin-right: 0px;} .square-Item:nth-child(4n+0){margin-right: 0px;}

Loading…
Cancel
Save