zoukankan
html css js c++ java
常用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
;
}
查看全文
相关阅读:
爱的感悟
连点成图:享受创建图形的乐趣
python实现动态更新远程机器列表的SSH登录脚本
python生成数据库中所有表的DESC描述
生活之美
克服“测试怠惰”的习惯
使用git和github托管个人项目
连点成线
一次合并数据库的经历
python使用装饰器捕获异常
原文地址:https://www.cnblogs.com/skylaugh/p/494240.html
最新文章
你心里住着一个小孩
中文参考文献如何导入到endnote中
利用千人基因组数据库查看SNP在不同地区、国家、洲的频率及个数
NCBI上查看SNP位点在哪个基因座上(locus)
R语言:多个因变量时,如何在plot函数中画多条曲线(plot,points,lines,legend函数)
Linux替换指定列的字符串(awk 命令)
喝芦荟酸奶能不能使皮肤变好?
merge函数:R语言,根据相同的列或ID合并不同的文件
Hadoop框架之HDFS的shell操作
Linux的mv 命令
热门文章
Linux在终端和控制台下复制粘贴命令快捷键
vim入门教程
剑指offer二十之包含min函数的栈
剑指offer十九之顺时针打印矩阵
剑指offer十八之二叉树的镜像
剑指offer十七姊妹篇之二叉树的创建、遍历、判断子二叉树
剑指offer十七之树的子结构
递增量表的创建、合并、打印
创新式开发探索(三) —— 反思自己的开发活动
对象存在性检测集中管理
Copyright © 2011-2022 走看看