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
;
}
查看全文
相关阅读:
java 数组转list的两种方式(可新增和删除list元素)
SpringBoot配置404跳转页面的两种方式
idea java常量字符串过长解决办法
Spring-BeanValidation校验@RequestParam参数 (控制器单参数验证)
【Java】使用@Valid+BindingResult进行controller参数校验
Spring MVC利用Hibernate Validator实现后端数据校验
springMvc 整合hibernate-validator(简单配置)
vue中动态给自定义属性data-xx赋值并读取内容
Tomcat配置SSL安全证书
springmvc 接收json对象的两种方式
原文地址:https://www.cnblogs.com/skylaugh/p/494240.html
最新文章
requests--Cookie设置
Java集合基础知识笔记:List集合(为什么需编写equals方法)、Map集合(equals与hashCode方法)、EnumMap好处、有顺序的TreeMap、读写配置文件Properties、Set集合(不重复的key值)与有顺序的Set、队列、优先队列、双端队列、栈、迭代器
Java泛型基础知识笔记:泛型定义模板的意义、泛型的擦拭法、extends和super通配符区别、PESC原则
Java反射基础知识笔记:反射的定义、class类的本质、class类的动态加载、class类的实例如何访问字段/方法/构造方法/继承关系、动态代理的本质
Java异常处理基础知识笔记:异常处理机制、异常继承关系、捕获异常、抛出异常、异常的传播、异常调用栈、自定义异常、第三方日志库
Java核心类基础知识笔记:字符串与编码、StringBuilder、StringJoiner、包装类型、JavaBean、枚举类、BigInterger、BigDecimal、Math工具类Random工具类SecureRandom工具类
Java面向对象基础知识笔记:方法、构造方法、方法重载、继承、多态、抽象类、接口、静态字段与静态方法、包、作用域、classpath与jar、模块依赖关系
浅析Java中类的加载过程
浅析Java中的静态字段与实例字段、静态方法与非静态方法、以及Java继承中父类子类构造方法、静态代码块、非静态代码块的执行顺序
浅析UI设计与UX设计、UI设计网站推荐
热门文章
CPU知识了解:关于x86、x86_64/x64、amd64和arm64/aarch64
[转]自定义go的http client 的DNS解析服务器地址,Custom DNS resolver for the default HTTP client in Go
[转]一次完整的HTTP接口请求过程及针对优化
【转】Simple Golang DNS Server
Can SSL be used to encrypt non-HTTP data? [closed]
【转】golang证书认证通信
[转]Shell脚本中的export
【转】软件文件中的用例图和时序图的意义(目的)和绘制方法
[转]self-join
SpringBoot SpringMvc 读取properties文件(一次读取,永久使用)
Copyright © 2011-2022 走看看