首页 诗词 字典 板报 句子 名言 友答 励志 学校 网站地图
当前位置: 首页 > 教程频道 > 网站开发 > CSS >

样式有关问题

2012-02-15 
样式问题本人是初次接触CSS,想做个table的CSS就是和EXT网站上的一样:http://extjs.com/deploy/dev/example

样式问题
本人是初次接触CSS,想做个table的CSS
就是和EXT网站上的一样:http://extjs.com/deploy/dev/examples/samples.html#sample-1
请各位大大能写出CSS来


[解决办法]
右键查看一下源文件,不就有了。
<style type="text/css">
#all-demos {

}
#all-demos dd {
float:left;
width:300px;
height:100px;
margin:5px 5px 5px 10px;
cursor:pointer;
zoom:1;
}
#all-demos dd img {
width:120px;
height:90px;
margin:5px 0 0 5px;
float:left;
}

#all-demos dd div {
float:left;
width:160px;
margin-left:10px;
}

#all-demos dd h4 {
font-family:tahoma,arial,san-serif;
color:#555;
font-size:11px;
font-weight:bold;
}
#all-demos dd p {
color:#777;
}
#all-demos dd.over {
background: #F5FDE3 url(shared/extjs/images/sample-over.gif) no-repeat;
}
#loading-mask{
position:absolute;
left:0;
top:0;
width:100%;
height:100%;
z-index:20000;
background-color:white;
}
#loading{
position:absolute;
left:45%;
top:40%;
padding:2px;
z-index:20001;
height:auto;
}
#loading a {
color:#225588;
}
#loading .loading-indicator{
background:white;
color:#444;
font:bold 13px tahoma,arial,helvetica;
padding:10px;
margin:0;
height:auto;
}
#loading-msg {
font: normal 10px arial,tahoma,sans-serif;
}

#all-demos .x-panel-body {
background-color:#fff;
border:1px solid;
border-color:#fafafa #fafafa #fafafa #fafafa;
}
#sample-ct {
border:1px solid;
border-color:#dadada #ebebeb #ebebeb #dadada;
padding:2px;
}

#all-demos h2 {
border-bottom: 2px solid #99bbe8;
cursor:pointer;
padding-top:6px;
}
#all-demos h2 div {
background:transparent url(../resources/images/default/grid/group-expand-sprite.gif) no-repeat 3px -47px;
padding:4px 4px 4px 17px;
color:#3764a0;
font:bold 11px tahoma, arial, helvetica, sans-serif;
}
#all-demos .collapsed h2 div {
background-position: 3px 3px;
}
#all-demos .collapsed dl {
display:none;
}
.x-window {
text-align:left;
}
</style>
[解决办法]

探讨
右键查看一下源文件,不就有了。

[解决办法]
一楼不是很详细的给出了吗?
[解决办法]
探讨
右键查看一下源文件,不就有了。
<style type="text/css">
#all-demos {

}
#all-demos dd {
float:left;
width:300px;
height:100px;
margin:5px 5px 5px 10px;
cursor:pointer;
zoom:1;
}
#all-demos dd img {
width:120px;
height:90px;
margin:5px 0 0 5px;
float:left;

热点排行