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
;
}
查看全文
相关阅读:
正则匹配中 ^ $ 和 的区别
jQuery 选择同时包含两个class的元素的实现方法
JSON—去除JSON数据中的所有HTML标…
HTML5 自定义属性 data-*属性名一定要小写吗?
Java线程池(ExecutorService)使用
ExecutorService中submit和execute的区别
启用Microsoft loopback Adapte
【Spring】如何配置多个applicationContext.xml文件
C#编程之AES加密(一)
C#编程之利用C#创建dll并调用(三)
原文地址:https://www.cnblogs.com/studio313/p/344500.html
最新文章
字符串相似度-C#
决定开始记随笔啦!
MT6765 kernel-pmic相关信息收集
Trace32 ubuntu(linux) 下的安装
Qcom ramdump解析方法简介-- ramdump parser
Android Performance 问题方法总结
NetworkTimeUpdateService简析
Power Debug Guide
git rebase 的妙用
扎心!天天写代码,方向真的对吗?
热门文章
开箱即用,Knative 给您极致的容器 Serverless 体验
Serverless 选型:深度解读 Serverless 架构及平台选择
Apache RocketMQ 的 Service Mesh 开源之旅
【深度学习】基于 Alluxio 数据缓存的性能优化
社区首款 OAM 可视化平台发布!
重磅发布:阿里云云安全中心一键防勒索功能上线!
进一步释放技术红利,阿里云推出全新内存增强型实例re6,性能提升30%
进一步释放技术红利,阿里云推出全新内存增强型实例re6,性能提升30%
plsql中文乱码问题(显示问号)
WIN7远程桌面连接--“发生身份验证错误。要求的函数不受支持”
Copyright © 2011-2022 走看看