会员
周边
众包
新闻
博问
闪存
所有博客
当前博客
我的博客
我的园子
账号设置
简洁模式
...
退出登录
注册
登录
仰天一笑(Ansonxuyu),专业从事软件定制开发、Web软件开发,网站建设,网络推广,APP开发,微博应用开发,微信应用开发,电子商务开发,物联网开发等技术。
互联网8年风雨,愿在此交朋识友,交流心得,分享技术知识(策划/研发/运营/推广/合作)!QQ:943530498
仰天一笑
昨日不悔,今日勿失,明日莫忧! —徐羽
博客园
::
首页
::
博问
::
闪存
::
新随笔
::
联系
::
订阅
::
管理
::
公告
常用CSS
/**/
/*
按钮样式
*/
.ButtonCss
{
}
{
font-family
:
"Tahoma", "宋体"
;
font-size
:
9pt
;
color
:
#003399
;
border
:
1px #003399 solid
;
color
:
006699
;
BORDER-BOTTOM
:
#93bee2 1px solid
;
BORDER-LEFT
:
#93bee2 1px solid
;
BORDER-RIGHT
:
#93bee2 1px solid
;
BORDER-TOP
:
#93bee2 1px solid
;
background-image
:
url(../Images/bluebuttonbg.gif)
;
background-color
:
#e8f4ff
;
CURSOR
:
hand
;
font-style
:
normal
;
width
:
60px
;
height
:
22px
;
}
/**/
/*
蓝色按钮样式
*/
.blueButtonCss
{
}
{
font-family
:
"Tahoma", "宋体"
;
font-size
:
9pt
;
color
:
#003366
;
border
:
0px #93bee2 solid
;
/**/
/*
BORDER-BOTTOM: #93bee2 1px solid;
BORDER-LEFT: #93bee2 1px solid;
BORDER-RIGHT: #93bee2 1px solid;
BORDER-TOP: #93bee2 1px solid;
*/
background-image
:
url(../Images/blue_button_bg.gif)
;
background-color
:
#ffffff
;
CURSOR
:
hand
;
font-style
:
normal
;
}
/**/
/*
红色按钮样式
*/
.redButtonCss
{
}
{
font-family
:
"Tahoma", "宋体"
;
font-size
:
9pt
;
color
:
#0066cc
;
border
:
1px #93bee2 solid
;
BORDER-BOTTOM
:
#93bee2 1px solid
;
BORDER-LEFT
:
#93bee2 1px solid
;
BORDER-RIGHT
:
#93bee2 1px solid
;
BORDER-TOP
:
#93bee2 1px solid
;
background-image
:
url(../Images/redbuttonbg.gif)
;
background-color
:
#ffffff
;
CURSOR
:
hand
;
font-style
:
normal
;
}
/**/
/*
选择按钮样式
*/
.selectButtonCss
{
}
{
font-family
:
"Tahoma", "宋体"
;
font-size
:
9pt
;
color
:
#0066cc
;
border
:
1px #93bee2 solid
;
BORDER-BOTTOM
:
#93bee2 1px solid
;
BORDER-LEFT
:
#93bee2 1px solid
;
BORDER-RIGHT
:
#93bee2 1px solid
;
BORDER-TOP
:
#93bee2 1px solid
;
background-image
:
url(../Images/blue_button_bg.gif)
;
background-color
:
#ffffff
;
CURSOR
:
hand
;
font-style
:
normal
;
}
/**/
/*
绿色按钮样式
*/
.greenButtonCss
{
}
{
font-family
:
"Tahoma", "宋体"
;
font-size
:
9pt
;
color
:
#0066cc
;
border
:
1px #93bee2 solid
;
BORDER-BOTTOM
:
#93bee2 1px solid
;
BORDER-LEFT
:
#93bee2 1px solid
;
BORDER-RIGHT
:
#93bee2 1px solid
;
BORDER-TOP
:
#93bee2 1px solid
;
background-image
:
url(../Images/greenbuttonbg.gif)
;
background-color
:
#ffffff
;
CURSOR
:
hand
;
font-style
:
normal
;
}
/**/
/*
图像按钮
*/
.imageButton
{
}
{
CURSOR
:
hand
;
/**/
/*
改变鼠标形状
*/
}
/**/
/*
页面正文样式
*/
body
{
}
{
scrollbar-face-color
:
#EDEDF3
;
scrollbar-highlight-color
:
#ffffff
;
scrollbar-shadow-color
:
#93949F
;
scrollbar-3dlight-color
:
#EDEDF3
;
scrollbar-arrow-color
:
#082468
;
scrollbar-track-color
:
#F7F7F9
;
scrollbar-darkshadow-color
:
#EDEDF3
;
font-size
:
9pt
;
color
:
#003366
;
overflow
:
auto
;
}
TD
{
}
{
FONT-SIZE
:
12px
}
TH
{
}
{
FONT-SIZE
:
12px
;
}
/**/
/*
************************************
下拉选择框显示风格
************************************
*/
SELECT
{
}
{
BORDER-RIGHT
:
#000000 1px solid
;
BORDER-TOP
:
#FFFFFF 1px solid
;
FONT-SIZE
:
12px
;
BORDER-LEFT
:
#FFFFFF 1px solid
;
COLOR
:
#003366
;
BORDER-BOTTOM
:
#000000 1px solid
;
BACKGROUND-COLOR
:
#f4f4f4
;
}
/**/
/*
****************************************************
超级链接显示风格
****************************************************
*/
A:Link, A:Visited
{
}
{
color
:
#223355
;
text-decoration
:
none
}
A:Hover
{
}
{
color
:
red
;
text-decoration
:
none
;
}
A.highlight:link, A.highlight:visited
{
}
{
color
:
red
;
text-decoration
:
none
}
A.highlight:hover
{
}
{
color
:
red
;
text-decoration
:
underline
}
A.thisclass:link, A.thisclass:visited
{
}
{
color
:
#D9EBFD
;
font-weight
:
bold
;
text-decoration
:
none
}
A.thisclass:hover
{
}
{
color
:
#FFFFFF
;
font-weight
:
bold
;
}
A.navlink:link, A.navlink:visited
{
}
{
color
:
#D9EBFD
;
text-decoration
:
none
}
A.navlink:hover
{
}
{
color
:
#FFFFFF
;
text-decoration
:
none
}
/**/
/*
****************************************************
线条文本编辑框显示风格
****************************************************
*/
.EditBox
{
}
{
background
:
#ffffff
;
border
:
1px solid #B7B7B7
;
color
:
#003366
;
cursor
:
text
;
font-family
:
"Arial"
;
font-size
:
9pt
;
height
:
18px
;
padding
:
1px
;
}
/**/
/*
***************************************************
多行文本框样式
****************************************************
*/
.MultiEditBox
{
}
{
background
:
#f8f8f8
;
border-bottom
:
#B7B7B7 1px solid
;
border-left
:
#B7B7B7 1px solid
;
border-right
:
#B7B7B7 1px solid
;
border-top
:
#B7B7B7 1px solid
;
color
:
#000000
;
cursor
:
text
;
font-family
:
"Arial"
;
font-size
:
9pt
;
padding
:
1px
;
}
/**/
/*
****************************************************
阴影风格的表单
****************************************************
*/
.Shadow
{
}
{
position
:
absolute
;
z-index
:
1000
;
top
:
0px
;
left
:
0px
;
background
:
gray
;
background-color
:
#FFCC00
;
filter
:
progid:DXImageTransform.Microsoft.DropShadow(color=#FF404040,offX=2,offY=2,positives=true)
;
}
/**/
/*
****************************************************
只显一条横线的Text的样式!
****************************************************
*/
.logintxt
{
}
{
BORDER-RIGHT
:
#ffffff 0px solid
;
BORDER-TOP
:
#ffffff 0px solid
;
FONT-SIZE
:
9pt
;
BORDER-LEFT
:
#ffffff 0px solid
;
BORDER-BOTTOM
:
#c0c0c0 1px solid
;
BACKGROUND-COLOR
:
#ffffff
}
/**/
/*
****************************************************
DataGrid页眉样式
****************************************************
*/
.dgTitle
{
}
{
height
:
25px
;
color
:
#ffffff
;
font-size
:
large
;
text-align
:
center
;
vertical-align
:
middle
;
BACKGROUND-IMAGE
:
url(../images/tableTitle2.gif)
;
height
:
25px
}
/**/
/*
****************************************************
DataGrid数据显示样式
****************************************************
*/
.dgItem
{
}
{
height
:
15px
;
text-align
:
center
;
vertical-align
:
middle
;
}
/**/
/*
****************************************************
文本框显示样式
****************************************************
*/
.clarity
{
}
{
BORDER-RIGHT
:
#ffffff 0px solid
;
BORDER-TOP
:
#ffffff 0px solid
;
FONT-SIZE
:
9pt
;
BORDER-LEFT
:
#ffffff 0px solid
;
BORDER-BOTTOM
:
#ffffff 0px solid
;
}
TABLE.List
{
}
{
border-top
:
1px solid #000000
;
border-bottom
:
1px solid #000000
;
}
TABLE.List TH,TABLE.List TD
{
}
{
padding
:
4px
;
background-color
:
#eeeeee
;
border-bottom
:
2px solid #ffffff
;
border-right
:
1px solid #ffffff
;
border-left
:
1px solid #ffffff
;
color
:
#000000
}
TABLE.List TH
{
}
{
background-color
:
#0064a8
;
border-top
:
2px solid #ffffff
;
color
:
#ffffff
;
font-weight
:
normal
;
}
TABLE.List TH A:link
{
}
{
COLOR
:
#ffffff
;
TEXT-DECORATION
:
none
}
TABLE.List TH A:visited
{
}
{
COLOR
:
#ffffff
;
TEXT-DECORATION
:
none
}
TABLE.List TH A:hover
{
}
{
COLOR
:
#ffffff
;
TEXT-DECORATION
:
underline
}
TABLE.Form TH,TABLE.Form TD
{
}
{
padding
:
4px
;
background-color
:
#f6f6f6
;
border-bottom
:
1px solid #F6F6F6
;
border-right
:
1px solid #ffffff
;
border-left
:
1px solid #ffffff
;
color
:
#000000
}
TABLE.Form TH
{
}
{
background-color
:
#E8E8E8
;
border-top
:
1px solid #ffffff
;
color
:
#006699
;
font-size
:
12px
;
font-weight
:
normal
;
border-bottom
:
1px
;
}
TABLE.Form TH A:link
{
}
{
COLOR
:
#ffffff
;
TEXT-DECORATION
:
none
}
TABLE.Form TH A:visited
{
}
{
COLOR
:
#ffffff
;
TEXT-DECORATION
:
none
}
TABLE.Form TH A:hover
{
}
{
COLOR
:
#ffffff
;
TEXT-DECORATION
:
underline
}
TABLE.Sample TD
{
}
{
padding
:
2px
;
background-color
:
#f6f6f6
;
border-bottom
:
1px solid #000000
;
border-top
:
1px solid #000000
;
border-right
:
1px solid #000000
;
border-left
:
1px solid #000000
;
color
:
#000000
}
TABLE.Sample TH
{
}
{
background-color
:
#AEC1D7
;
border-bottom
:
1px solid #000000
;
border-top
:
1px solid #000000
;
border-right
:
1px solid #000000
;
border-left
:
1px solid #000000
;
color
:
#000000
;
font-weight
:
normal
;
}
TABLE.SampleD TD
{
}
{
padding
:
2px
;
border-bottom
:
1px solid #000000
;
border-top
:
1px solid #000000
;
border-right
:
1px solid #000000
;
border-left
:
1px solid #000000
;
color
:
#000000
}
TABLE.SampleD TH
{
}
{
border-bottom
:
1px solid #000000
;
border-top
:
1px solid #000000
;
border-right
:
1px solid #000000
;
border-left
:
1px solid #000000
;
color
:
#000000
;
font-weight
:
normal
;
}
TABLE.Form1 TH,TABLE.Form1 TD
{
}
{
padding
:
4px
;
background-color
:
#BED8F3
;
border-bottom
:
1px solid #ffffff
;
border-right
:
1px solid #ffffff
;
border-left
:
1px solid #ffffff
;
color
:
#000000
}
/**/
/*
****************************************************
没有边框的输入框
****************************************************
*/
.NoneInput
{
}
{
text-align
:
center
;
width
:
99%
;
height
:
99%
;
border-top-style
:
none
;
border-right-style
:
none
;
border-left-style
:
none
;
background-color
:
#f6f6f6
;
border-bottom-style
:
none
;
}
/**/
/*
****************************************************
扁平风格的表单样式
****************************************************
*/
/**/
/*
***************************************************
*/
TABLE
{
}
{
border-collapse
:
collapse
;
}
/**/
/*
进度条样式
*/
.bi-loading-status
{
}
{
/**/
/*
position: absolute;
*/
width
:
150px
;
padding
:
1px
;
overflow
:
hidden
;
background-color
:
Gray
;
}
.bi-loading-status .text
{
}
{
white-space
:
nowrap
;
overflow
:
hidden
;
width
:
100%
;
text-overflow
:
ellipsis
;
padding
:
1px
;
}
.bi-loading-status .progress-bar
{
}
{
border
:
1px solid ThreeDShadow
;
background
:
window
;
height
:
10px
;
width
:
100%
;
padding
:
1px
;
overflow
:
hidden
;
}
.bi-loading-status .progress-bar div
{
}
{
background
:
Highlight
;
overflow
:
hidden
;
height
:
100%
;
filter
:
Alpha(Opacity=0, FinishOpacity=100, Style=1, StartX=0, StartY=0, FinishX=100, FinishY=0)
;
}
/**/
/*
****************************************************
表头背景
****************************************************
*/
.tabletop
{
}
{
BACKGROUND-IMAGE
:
url(../images/tableTitle2.gif)
;
height
:
25px
;
}
/**/
/*
****************************************************
大标题
****************************************************
*/
.tabletitle
{
}
{
font-family
:
"Arial"
;
FONT-SIZE
:
12pt
;
COLOR
:
#0066cc
;
font-weight
:
bolder
;
filter
:
progid:DXImageTransform.Microsoft.DropShadow(color=#CCFFFF,offX=1,offY=1,positives=true)
;
}
/**/
/*
****************************************************
小标题
****************************************************
*/
.smalltitle
{
}
{
background-color
:
#E8E8E8
;
font-size
:
12px
;
font-weight
:
normal
;
color
:
#006699
;
}
.calendarborder
{
}
{
border
:
1px #B7B7B7 solid
;
}
posted on
2006-09-04 12:43
仰天一笑
阅读(
1119
) 评论(
10
)
编辑
收藏
举报
会员力量,点亮园子希望
刷新页面
返回顶部