常用CSS

最新推荐文章于 2019-11-13 20:34:12 发布
最新推荐文章于 2019-11-13 20:34:12 发布
阅读量335 收藏
点赞数
分类专栏： 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
关注
专栏目录
css标题样式_CSS的标题集样式
culiao9310的博客
09-28 1万+
css标题样式View demo 查看演示Download Source 下载源In this tutorial I’m hoping to give you some ideas and inspiration for your current and future projects! 在本教程中，我希望为您当前和将来的项目提供一些想法和启发！ Today...
CSS常用样式
04-01 1216
按钮样式*/.ButtonCss {}{    font-family: "Tahoma", "宋体";    font-size:9pt; color: #003399;    border: 1px #003399 solid;    color:006699;    BORDER-BOTTOM: #93bee2 1px solid;     BORDER-LEFT: #93bee2 1px
常用CSS樣式
古烟的技术专栏
05-08 111
/**//*按钮样式*/ .ButtonCSS {}{ font-family: "Tahoma", "宋体"; font-size:9pt; color: #003399; border: 1px #003399 solid; color:006699; BORDER-BOTTOM: #93bee2 1px solid; BORDE...
CSS样式案例(1)-文字的排版
weixin_30723433的博客
09-08 175
本篇介绍的是小窗文字内容的排版，通过该篇文章可以让小伙伴们熟悉以下几个知识点: word-space、overflow、text-overflow。 最终的展示效果如下: 参考步骤: 1. 建立html文档，并使用dl,dt,dd元素将内容放进去。 <!DOCTYPE html> <html> <head> &l...
文章标题CSS常用选择器及与HTML结合方式
Ren-YY 的博客
03-21 1394
标签分类:块级标签:block ` div p ul li table 行内标签:in line span CSS与HTML结合方式 , css常用选择器
常用CSS集合
10-31
下面是对常用CSS集合的解释： 按钮样式 在CSS中，按钮样式是通过使用选择器和声明来定义的。例如，`.ButtonCSS`选择器定义了一个按钮的基本样式，包括字体、字号、颜色、边框、背景图片等属性。这些属性可以单独地...
原子化css-常用css整理-快速css样式
09-06
这是我项目中必备的通用css文件，有了它我感觉写样式快多了，只需要在class名中加入对应的类就可以了。 比如想要弹性布局，就直接class="flex" 比如想要padding-top:10px;就直接class="pt-10" 比如想要font-size:20...
常用CSS跟JS效果整理
11-15
以下是对标题“常用CSS跟JS效果整理”中涉及的知识点的详细说明。 **1. 常用CSS效果** 1. **布局**：CSS提供了流式布局、网格布局（CSS Grid）、Flexbox布局等，帮助开发者创建响应式的网页结构。 2. **定位**：...
常用CSS工具类
08-10
标题“常用CSS工具类”和描述“快速做页面，少写重复代码，减少起类命的痛苦”都指向了这一主题。 在JavaScript开发中，尤其是在前端框架如React、Vue或Angular中，CSS工具类的使用更为常见。它们可以与组件紧密...
常用css属性查询表
01-19
1.CSS背景属性(background) 属性 描述 background 在一个声明中设置所有的背景属性 background-attachment 设置背景图像是否固定或者随着页面的其余部分滚动 background-color 设置元素的背景颜色 ...
css的(文字、背景、段落)样式
Himalaya-hsf
08-26 4726
文字样式 属性： font-style:normal/ italic [设置文本为斜体] font-weight:normal(100-500)/ bold(600-900) [设置文本为粗体] font-family: “文本字体1”,”文本字体2”; [文本类型] text-align:left/center/right [文本水平对齐方式] vertical-align:top/mid...
博客园css样式代码
weixin_30467087的博客
07-31 181
文章有一个好的排版，将能够增加阅读者对其内容的兴趣。本文总结了如何美化博客园中文章的部分显示样式。美化文章标题的显示样式、增添LaTex数学公式的显示、目录索引的显示、添加文章末尾的固定信息。 0 获取权限 首先，在自定一个博客样式之前，我们需要进入博客园自定义博客模板的页面，向博客园管理团队申请页面运行js的权限。【博客园】->【设置】->【博客设置】，点击页面上的js...
小标题两侧加横线或背景图片自适应布局实现技巧
sunshine的博客
12-03 1988
方法一：使用背景图html结构：<div class="tit-bar"> <div class="deg">满意度调查</div> </div>css结构：.tit-bar{ background:url(../img/line-bg.png) repeat-x center; margin:0 auto; padding:5px 0; } .tit-bar .deg
CSS样式开发大全！
weixin_44179306的博客
11-13 787
CSS/层叠样式表 CSS 指层叠样式表（Cascading Style Sheets）。 您将学习如何使用 CSS 同时控制整个站点的样式和布局。 通过与 XHTML 结合，CSS 可以帮助我们实行表现与结构分离的开发模式。 通过使用 CSS 来提升工作效率！ 什么是CSS？: CSS 是层叠样式表 ( Cascading Style Sheets ) 的简称。 CSS 是层叠样式表 ( ...
pandas-1.3.5-cp37-cp37m-macosx_10_9_x86_64.zip
最新发布
11-04
pandas whl安装包，对应各个python版本和系统(具体看资源名字)，找准自己对应的下载即可！ 下载后解压出来是已.whl为后缀的安装包，进入终端，直接pip install pandas-xxx.whl即可，非常方便。 再也不用担心pip联网下载网络超时，各种安装不成功的问题。
基于java的大学生兼职信息系统答辩PPT.pptx
11-04
基于java的大学生兼职信息系统答辩PPT.pptx
基于java的乐校园二手书交易管理系统答辩PPT.pptx
11-04
基于java的乐校园二手书交易管理系统答辩PPT.pptx
tornado-6.4-cp38-abi3-musllinux_1_1_i686.whl
11-04
tornado-6.4-cp38-abi3-musllinux_1_1_i686.whl
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值