[导读]：style .minbox{width:1200px;margin:0 auto;overflow: hidden;} .pageLeft{float: left;} .menu_list,.pageLeft .classTit{width:280px;} .classTit {background: #f9b723;height: 60px;border-top: solid 4px #ea600f;font-size: 24px;color: #fff...
| <style> | |
| .minbox{width:1200px;margin:0 auto;overflow: hidden;} | |
| .pageLeft{float: left;} | |
| .menu_list,.pageLeft .classTit{width:280px;} | |
| .classTit {background: #f9b723;height: 60px;border-top: solid 4px #ea600f;font-size: 24px;color: #fff;text-align: center;line-height: 60px;} | |
| .menu_head{height:36px;line-height:40px;padding-left:20px;font-size:16px;color:#6d6d6d;cursor:pointer;border:1px solid #d4d4d4;position:relative;margin:0px;font-weight:bold;background:#dedede center right no-repeat;} | |
| .menu_head a{color:#6d6d6d;} | |
| .menu_list .current{background:#dedede center right no-repeat;} | |
| .menu_body{line-height:38px;border-left:1px solid #e1e1e1;background:#fff;border-right:1px solid #e1e1e1;} | |
| .menu_body a{display:block;height:36px;line-height:36px;font-size: 15px;padding-left:20px;color:#777777;background:#ececec;text-decoration:none;border-bottom:1px solid #d4d4d4;} | |
| .menu_body a:hover{text-decoration:none;} | |
| .contBox {background-color: #fff; border-radius: 3px; margin-top: 15px; border: 3px solid #014a96;padding-bottom: 36px;} | |
| .cpdzzx {position: relative; width: 280px;} | |
| .fl {float: left;} | |
| .cpdzzx .dzTit {height: 66px; background: #045bbf; text-align: center;color:#fff;font-size:24px;padding-top: 3px;} | |
| .cpdzzx .dzTit a{color:#fff;} | |
| .cpdzzx .contList {margin: 20px 5px;} | |
| .cpdzzx .contList dt {margin-top: 12px; padding-left: 36px; height: 42px; line-height: 42px; font-weight: bold; background: url(/images/cph5bg.png) no-repeat center;} | |
| .cpdzzx .contList dd {padding-left: 25px; height: 38px; line-height: 38px; border-bottom: 1px dotted #bebebe; background: url(/images/cpdd_ico.png) no-repeat 8px center;} | |
| a { | |
| color: #666; | |
| text-decoration: none; | |
| } | |
| .welbox{overflow:hidden;background: #282d32;line-height: 36px;} | |
| .welbox .left{float:left;} | |
| .welbox .right{float:right;} | |
| .welbox .right a,.welbox .right,.welbox .left{color:#fff;} | |
| .fr li h5 {margin-top: 10px; margin-bottom: 10px; font-weight: normal; background: url(/images/cph5_ico.png) no-repeat left center;padding-left: 12px;font-size: 16px;} | |
| .fr li{margin-left:15px;float: left;border: solid 1px #ccc; padding: 4px; margin-bottom: 16px;} | |
| .fr li p{width:400px;height:60px;font-size: 13px;line-height: 22px;color: #8a8a8a;margin-bottom:12px;} | |
| .fr li p em{color: #ff4a0e;line-height: 20px;font-size: 13px;} | |
| .fr li span {display: block; width: 111px; height: 24px; line-height: 23px; text-align: center; background: #045bbf;border-radius:12px;margin-bottom:10px;} | |
| .fr li span em{color:#fd9500;} | |
| .fr li span a{color:#fff;} | |
| .pageWords{float: right;width: 900px;} | |
| .zpt {overflow: hidden;margin-top: 48px;border: solid 1px #dedede;padding: 4px;} | |
| .big-img, .dates {float: left; } | |
| .big-img{width: 540px;} | |
| .big-img img{width: 100%;} | |
| .dates {width: 320px;padding: 30px 0 0 30px;} | |
| .dates h3 {font-size: 26px;color: #4c4c4c;font-weight: normal;} | |
| .ms-text {margin: 40px 0px 90px;} | |
| .ms-text span {background: url(../images/icon-1.png) no-repeat left center;padding-left: 26px;font-size: 15px;color: #4d4d4d;} | |
| .ms-text p {color: #707070;font-size: 15px;line-height: 30px;margin-top: 15px;} | |
| .ms-call .p1 span {background: url(../images/icon-2.png) no-repeat left center;padding-left: 26px;font-size: 15px;color: #545454;} | |
| .ms-call .p1 strong {font-family: "方正黑体_GBK";font-size: 26px;color: #d30300;} | |
| .ms-call .p2 {margin-top: 20px;} | |
| .ms-call .p2 span:first-child {background: url(../images/icon-3.png) no-repeat left center;padding-left: 26px;} | |
| .ms-call .p2 span {color: #545454;font-size: 15px;} | |
| .detail ul{border-bottom: #ccc 1px solid;padding-bottom: 0;list-style-type: none;margin-top: 40px;padding-left: 0;width: 100%;padding-right: 0;display: inline-block;background: #f5f5f5;clear: both;border-top: #ccc 1px solid;list-style-image: none;padding-top: 0;} | |
| .detail li{border-bottom: #fb6629 2px solid;text-align: center;line-height: 45px;width: 120px;float: left;height: 45px;margin-right: 1px;} | |
| .detail li.current span{ font-size: 18px;font-weight: bold;text-decoration: none;color: #fb6629;} | |
| .words{padding-top: 16px;margin-bottom: 50px;} | |
| .words p{color: #949494;font-size: 15px;line-height: 36px;} | |
| </style> |
CSS有什么好看的，想改什么自己去页面找对应的CSS
###就是个CSS样式啊，要想知道具体是什么样式的效果，还要贴上DIV
###样式代码 啊，长宽高，定位颜色等等样式
###样式，把网站代码比作人的话，样式相当于衣服
###就是一些关于网页样式的代码，也就是我们常说的css
###这不是样式吗
页面的CSS样式，负责网页视觉效果的。
本文来自投稿，不代表微盟圈立场，如若转载，请注明出处：https://www.vm7.com/a/ask/86786.html
