<style>
????table.table1{
????????font-family:?"Trebuchet?MS",?sans-serif;
????????font-size:?16px;
????????font-weight:?bold;
????????line-height:?1.4em;
????????font-style:?normal;
????????border-collapse:separate;
????????width:100%;
????}
????.table1?thead?th{
????????padding:15px;
????????color:#fff;
????????text-shadow:1px?1px?1px?#568F23;
????????border:1px?solid?#93CE37;
????????border-bottom:3px?solid?#9ED929;
????????background-color:#9DD929;
????????background:-webkit-gradient(
????????????????linear,
????????????????left?bottom,
????????????????left?top,
????????????????color-stop(0.02,?rgb(123,192,67)),
????????????????color-stop(0.51,?rgb(139,198,66)),
????????????????color-stop(0.87,?rgb(158,217,41))
????????);
????????background:?-moz-linear-gradient(
????????????????center?bottom,
????????????????rgb(123,192,67)?2%,
????????????????rgb(139,198,66)?51%,
????????????????rgb(158,217,41)?87%
????????);
????????-webkit-border-top-left-radius:5px;
????????-webkit-border-top-right-radius:5px;
????????-moz-border-radius:5px?5px?0px?0px;
????????border-top-left-radius:5px;
????????border-top-right-radius:5px;
????}
????.table1?thead?th:empty{
????????background:transparent;
????????border:none;
????????width:2%;
????}
????.table1?tbody?th{
????????color:#fff;
????????text-shadow:1px?1px?1px?#568F23;
????????background-color:#9DD929;
????????border:1px?solid?#93CE37;
????????border-right:3px?solid?#9ED929;
????????padding:0px?10px;
????????background:-webkit-gradient(
????????????????linear,
????????????????left?bottom,
????????????????right?top,
????????????????color-stop(0.02,?rgb(158,217,41)),
????????????????color-stop(0.51,?rgb(139,198,66)),
????????????????color-stop(0.87,?rgb(123,192,67))
????????);
????????background:?-moz-linear-gradient(
????????????????left?bottom,
????????????????rgb(158,217,41)?2%,
????????????????rgb(139,198,66)?51%,
????????????????rgb(123,192,67)?87%
????????);
????????-moz-border-radius:5px?0px?0px?5px;
????????-webkit-border-top-left-radius:5px;
????????-webkit-border-bottom-left-radius:5px;
????????border-top-left-radius:5px;
????????border-bottom-left-radius:5px;
????}
????.table1?tbody?td{
????????word-break:?break-all;//在恰當(dāng)?shù)臄嘧贮c(diǎn)進(jìn)行換行
????????white-space:?nowrap;//默認(rèn)，空白會(huì)被瀏覽器忽略
????????overflow:?hidden;//內(nèi)容被修剪，其余內(nèi)容不可見(jiàn)
????????box-sizing:?border-box;//內(nèi)容的寬高度
????????text-overflow:?ellipsis;//文字顯示以省略號(hào)
????????-o-text-overflow:ellipsis;
????}
????.table1?tfoot?td{
????????color:?#9CD009;
????????font-size:32px;
????????text-align:center;
????????padding:10px?0px;
????????text-shadow:1px?1px?1px?#444;
????}
????.table1?tfoot?th{
????????color:#666;
????}
????.table1?tbody?td{
????????padding:10px;
????????text-align:center;
????????background-color:#DEF3CA;
????????border:?2px?solid?#E7EFE0;
????????-moz-border-radius:2px;
????????-webkit-border-radius:2px;
????????border-radius:2px;
????????color:#666;
????????text-shadow:1px?1px?1px?#fff;
????}
????.table1?tbody?span.check::before{
????????content?:?url(/jscss/demoimg/201204/check0.png)
????}
????.table1?td:hover{
????????background-color:#97FFFF;
????}
????.table1?a:hover{
????????color:#1D81B6;
????????text-decoration:none;
????????text-shadow:1px?1px?1px?#888;
????}
</style>
<style>
????*{
????????margin:0;
????????padding:0;
????}
????body{
????????font-family:?Georgia,?serif;
????????font-size:?20px;
????????font-style:?italic;
????????font-weight:?normal;
????????letter-spacing:?normal;
??????/*?background:?#f0f0f0;*/
????????background:#EEFFFF;
????????background-image:url("bg.png");
????}
????#content{
????????background-color:#EEFFFF;
????????width:1024px;
????????padding:20px;
????????margin:0?auto;
????????border-left:30px?solid?#1D81B6;
????????border-right:1px?solid?#ddd;
????????-moz-box-shadow:0px?0px?16px?#aaa;
????}
????.head{
????????font-family:Helvetica,Arial,Verdana;
????????text-transform:uppercase;
????????font-weight:bold;
????????font-size:12px;
????????font-style:normal;
????????letter-spacing:3px;
????????color:#888;
????????border-bottom:3px?solid?#f0f0f0;
????????padding-bottom:10px;
????????margin-bottom:10px;
????}
????.head?a{
????????color:#1D81B6;
????????text-decoration:none;
????????float:right;
????????text-shadow:1px?1px?1px?#888;
????}
????.head?a:hover{
????????color:#8EE5EE;
????}
????#content?h1{
????????font-family:"Trebuchet?MS",sans-serif;
????????color:#1D81B6;
????????font-weight:normal;
????????font-style:normal;
????????font-size:36px;
????????text-shadow:1px?1px?1px?#aaa;
????}
????#content?h2{
????????font-family:"Trebuchet?MS",sans-serif;
????????font-size:34px;
????????font-style:normal;
????????background-color:#f0f0f0;
????????margin:40px?0px?30px?-40px;
????????padding:0px?40px;
????????clear:both;
????????float:left;
????????width:100%;
????????color:#aaa;
????????text-shadow:1px?1px?1px?#fff;
????}
????hr{
????????margin:35px?auto?15px;
????????width:960px;
????????height:2px;
????????border-width:0;
????????color:gray;
????????background-color:gray
????}
????.foot{
????????font-size:?15px;
????????font-style:?normal;
????????font-weight:?lighter;
????????letter-spacing:?normal;
????????text-align:center;
????????color:gray;
????}
</style>
樣式表寬高不能調(diào)節(jié)，更改樣式?jīng)]效果，內(nèi)容不能省略
慕尼黑3864816
2017-04-05 11:52:28
