常用CSS

最新推荐文章于 2022-10-09 20:37:35 发布
最新推荐文章于 2022-10-09 20:37:35 发布
阅读量317 收藏
点赞数
分类专栏： html & css 文章标签： border datagrid filter url button 文本编辑
  
/*按钮样式*/
.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;
}
原文地址:http://www.chenjiliang.com/Article/View.aspx?ArticleID=1478&TypeID=30
jimung
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
常用CSS集合
10-31
常用CSS集合
常用CSS样式
qq_51593012的博客
07-19 3316
CSS(层叠样式表)在网页制作时采用CSS技术，可以有效地对页面的布局、字体、颜色、背景和其它效果实现更加精确的控制。
CSS效率---常用CSS框架
乱世刀疤
03-07 3583
css常用框架及其排名情况，熟用一个，事半功倍。
CSS常用汇总
qq_43716830的博客
05-04 2592
标签选择器 <style> /*标签选择器：写上标签名*/ p { color: red; /*将p标签内容改成红色*/ font-size: 25px; } </style> 类选择器 语法 .类名{ 属性1：属性值1； … } 一个类可以有多个类名，类名之间要用空格隔开 <head> <meta charse
CSS常用样式
weixin_53988377的博客
07-24 1万+
CSS常用属性集合
常用css样式大全以及css属性代码大全
热门推荐
qwqc262的博客
10-09 3万+
常用css样式大全 字体属性：(font) 大小 {font-size: x-large;}(特大) xx-small;(极小) 一般中文用不到，只要用数值就可以，单位：PX、PD 样式 {font-style: oblique;}(偏斜体) italic;(斜体) normal;(正常) 行高 {line-height: normal;}(正常) 单位：PX、PD、EM 粗细 {font-weight: bold;}(粗体) lighter;(细体) normal;(正常) 变体 {font-va
常用css样式
Glacier—john的博客
07-02 2831
常用颜色变量 less 参考antd 颜色变量 https://www.npmjs.com/package/@ant-design/colors @colorBlue: #1890ff; @colorGreen: #52c41a; @colorYellow: #fadb14; @colorGold: #faad14; @colorGray: #bfbfbf; @danger: #ff4d4f; 常用样式 宽度遵循ANTD设计规范，以8的倍数增加,共预设7个等级 xs：120、sm：160、md ：20
常用CSS缩写语法总结
bboyjoe的博客
07-11 1075
使用缩写可以帮助减少你CSS文件的大小，更加容易阅读。css缩写的主要规则如下： 颜色 16进制的色彩值，如果每两位的值相同，可以缩写一半，例如： #000000可以缩写为#000;#336699可以缩写为#369; 盒尺寸 通常有下面四种书写方法: property:value1; 表示所有边都是一个值value1；property:value1 value2;
css常用标签
fanbutuan的博客
09-12 1381
css常用属性标签
常用CSS属性
Gextreme的专栏
04-10 862
1.设置字体阴影： text-shadow: 2px 2px rgba(20, 17, 14, 0.35);
CSS常用属性
weixin_57135131的博客
10-09 1338
CSS常用属性
常用css.docx
04-18
学习web前端的css样式，总结了一些常用的。希望可以帮助到别人。很基础的，以后还将更新，服务于刚入行的朋友们。
前端常用css命名规范
12-10
为什么要制定CSS命名规范？ 统一的命名规范，便于多人开发维护时代码统一，减少项目沟通和交接的成本，增加代码的语义化。 CSS命名规则 1. 样式类名全部用小写，首字符必须是字母，禁止数字或其他特殊字符。由以...
常用css属性查询表
09-25
主要介绍了常用css属性查询表,需要的朋友可以参考下
基于Java的消息中间件java操作demo.zip
05-08
消息中间件java操作demo 提供activeMq的 java实现，和两种模式：点对点、发布和订阅 直接clone下来，导入maven项目启动test包下的 Client.java
基于 Python 的波士顿房价数据集
05-08
波士顿房价数据集 波士顿房价数据集 目的：通过分析十三个房屋特征与房价的关系，同时建立模型进行房价预测 波士顿房价指标与房价的关系 CRIM：城镇人均犯罪率——负相关占比 ZN：住宅用地所占比例——无单个特征 INDUS：城镇中非住宅用地所占比例——负相关 CHAS：虚拟变量，用于回归分析——无单个特征 NOX：环保指数——无单个特征 RM：每栋住宅的房间数——正相关 AGE：1940年以前建成的自住单位的比例——无单个特征 DIS：距离5个波士顿的就业中心的加权距离——无单个特征 RAD：距离高速公路的便利指数——无单个特征 TAX：每一万美元的不动产税率——无单个特征 PTRATIO：城镇中教师学生比例——无单个特征 B：城镇中黑人的比例——无单个特征 LSTAT：地区中多少房东属于低收入人群——负相关 MEDV：自主房屋房价中位数（标签数据）——房价中位数
优秀毕业设计 基于STM32单片机的家庭智能安全系统源码+详细文档+全部数据资料.zip
05-08
【资源说明】 优秀毕业设计 基于STM32单片机的家庭智能安全系统源码+详细文档+全部数据资料.zip 【备注】 1、该项目是个人高分项目源码，已获导师指导认可通过，答辩评审分达到95分 2、该资源内项目代码都经过测试运行成功，功能ok的情况下才上传的，请放心下载使用！ 3、本项目适合计算机相关专业(如软件工程、计科、人工智能、通信工程、自动化、电子信息等)的在校学生、老师或者企业员工下载使用，也可作为毕业设计、课程设计、作业、项目初期立项演示等，当然也适合小白学习进阶。 4、如果基础还行，可以在此代码基础上进行修改，以实现其他功能，也可直接用于毕设、课设、作业等。 欢迎下载，沟通交流，互相学习，共同进步！
基于python U2Net 深度学习的证件照生成.zip
最新发布
05-08
基于python U2Net 深度学习的证件照生成.zip
可视化前端布局常用css方法
09-16
可视化前端布局常用的CSS方法有很多，以下是其中一些常见的方法： 1. 相对定位（Relative Positioning）：使用`position: relative`来对元素进行相对于其正常位置的偏移，可以通过设置`top`、`bottom`、`left`、`...

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值