常用CSS集合(css并集)

发布时间：2024-02-27

/**//*按钮样式*/ .ButtonCSS {}{ font-family: "Tahoma", "宋体"; font-size:9pt; color: #; border: 1px # solid; color:; BORDER-BOTTOM: #bee2 1px solid; BORDER-LEFT: #bee2 1px solid; BORDER-RIGHT: #bee2 1px solid; BORDER-TOP: #bee2 1px solid; background-image:url(../Images/bluebuttonbg.gif); background-color: #e8f4ff; CURSOR: hand; font-style: normal ; width:px; height:px; } /**//*蓝色按钮样式*/ .blueButtonCss {}{ font-family: "Tahoma", "宋体"; font-size: 9pt; color: #; border: 0px #bee2 solid; /**//* BORDER-BOTTOM: #bee2 1px solid; BORDER-LEFT: #bee2 1px solid; BORDER-RIGHT: #bee2 1px solid; BORDER-TOP: #bee2 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: #cc; border: 1px #bee2 solid; BORDER-BOTTOM: #bee2 1px solid; BORDER-LEFT: #bee2 1px solid; BORDER-RIGHT: #bee2 1px solid; BORDER-TOP: #bee2 1px solid; background-image:url(../Images/redbuttonbg.gif); background-color: #ffffff; CURSOR: hand; font-style: normal ; } /**//*选择按钮样式*/ .selectButtonCss {}{ font-family: "Tahoma", "宋体"; font-size: 9pt; color: #cc; border: 1px #bee2 solid; BORDER-BOTTOM: #bee2 1px solid; BORDER-LEFT: #bee2 1px solid; BORDER-RIGHT: #bee2 1px solid; BORDER-TOP: #bee2 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: #cc; border: 1px #bee2 solid; BORDER-BOTTOM: #bee2 1px solid; BORDER-LEFT: #bee2 1px solid; BORDER-RIGHT: #bee2 1px solid; BORDER-TOP: #bee2 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: #F; scrollbar-3dlight-color: #EDEDF3; scrollbar-arrow-color: #; scrollbar-track-color: #F7F7F9; scrollbar-darkshadow-color: #EDEDF3; font-size: 9pt; color: #; overflow:auto; } TD {}{ FONT-SIZE: px } TH {}{ FONT-SIZE: px; } /**//************************************* 下拉选择框显示风格 *************************************/ SELECT {}{ BORDER-RIGHT: # 1px solid; BORDER-TOP: #FFFFFF 1px solid; FONT-SIZE: px; BORDER-LEFT: #FFFFFF 1px solid; COLOR:#; BORDER-BOTTOM: # 1px solid; BACKGROUND-COLOR: #f4f4f4; } /**//***************************************************** 超级链接显示风格 *****************************************************/ A:Link, A:Visited{}{color:#;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: #; cursor: text; font-family: "Arial"; font-size: 9pt; height: px; 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: #; cursor: text; font-family: "Arial"; font-size: 9pt; padding: 1px; } /**//***************************************************** 阴影风格的表单 *****************************************************/ .Shadow {}{ position:absolute; z-index:; top:0px; left:0px; background:gray; background-color:#FFCC; filter : progid:DXImageTransform.Microsoft.DropShadow(color=#FF,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:px; color:#ffffff; font-size:large; text-align:center; vertical-align:middle; BACKGROUND-IMAGE:url(../images/tableTitle2.gif); height:px } /**//***************************************************** DataGrid数据显示样式 *****************************************************/ .dgItem {}{ height:px; 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 #; border-bottom: 1px solid #; } 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:#} TABLE.List TH {}{ background-color:#a8;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:#} TABLE.Form TH {}{ background-color:#E8E8E8;border-top:1px solid #ffffff;color:#;font-size:px;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 #;border-top:1px solid #;border-right:1px solid #;border-left:1px solid #;color:#} TABLE.Sample TH {}{ background-color:#AEC1D7;border-bottom:1px solid #;border-top:1px solid #;border-right:1px solid #;border-left:1px solid #;color:#;font-weight:normal;} TABLE.SampleD TD {}{ padding:2px;border-bottom:1px solid #;border-top:1px solid #;border-right:1px solid #;border-left:1px solid #;color:#} TABLE.SampleD TH {}{ border-bottom:1px solid #;border-top:1px solid #;border-right:1px solid #;border-left:1px solid #;color:#;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:#} /**//***************************************************** 没有边框的输入框 *****************************************************/ .NoneInput {}{ text-align:center; width:%;height:%; 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: px; padding: 1px; overflow: hidden; background-color:Gray; } .bi-loading-status .text {}{ white-space: nowrap; overflow: hidden; width: %; text-overflow: ellipsis; padding: 1px; } .bi-loading-status .progress-bar {}{ border: 1px solid ThreeDShadow; background: window; height: px; width: %; padding: 1px; overflow: hidden; } .bi-loading-status .progress-bar div {}{ background: Highlight; overflow: hidden; height: %; filter: Alpha(Opacity=0, FinishOpacity=, Style=1, StartX=0, StartY=0, FinishX=, FinishY=0); } /**//***************************************************** 表头背景 *****************************************************/ .tabletop {}{ BACKGROUND-IMAGE: url(../images/tableTitle2.gif);height:px; } /**//***************************************************** 大标题 *****************************************************/ .tabletitle{}{ font-family: "Arial";FONT-SIZE: pt; COLOR:#cc;font-weight:bolder;filter : progid:DXImageTransform.Microsoft.DropShadow(color=#CCFFFF,offX=1,offY=1,positives=true); } /**//***************************************************** 小标题 *****************************************************/ .smalltitle{}{ background-color:#E8E8E8;font-size:px;font-weight:normal;color:#; } .calendarborder{}{ border: 1px #B7B7B7 solid; }

推荐整理分享常用CSS集合(css并集)，希望有所帮助，仅作参考，欢迎阅读内容。

文章相关热门搜索词:css list,css组成,css list,css list,css并集,css集群,css集群,css规则集,内容如对您有帮助，希望把文章链接给更多的朋友！

教你如何用CSS来控制网页字体的显示样式 HTML对于＜font＞内容＜/font＞卷标只有：＜fontcolor=colorvaluesize=fontsizeface=字型＞＜/font＞这3种设定，而关于CSS对于＜font＞内容＜/font＞的延伸规格让我们

用CSS解决中英文混合字符串的截取省略问题的解决办法作为一个程序员，经常需要面对的一个问题就是在新闻等信息的标题列表中，常常为了适应表格的宽度，需要对过长的标题文字的进行截取并在截取后

Web标准学习资源（书籍、网站）推荐一、Web标准学习书籍推荐1、《网站重构--应用WEB标准进行设计》作者:（美）塞尔达曼译者:王宗义/傅捷/祝军页数:出版社:电子工业出版社定价:装帧: