一、按钮样式
.buttoncss {
font-family: "tahoma", "宋体"; /*www.phpq.net*/
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", "宋体"; /*www.phpq.net*/
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", "宋体"; /*www.phpq.net*/
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", "宋体"; /*www.phpq.net*/
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", "宋体"; /*www.phpq.net*/
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; /*改变鼠标形状 www.phpq.net*/
}
七、页面正文
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; /*www.phpq.net*/
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; /*www.phpq.net*/
border-left: #ffffff 1px solid;
color:#003366;
border-bottom: #000000 1px solid;
background-color: #f4f4f4;
}
九、线条文本编辑框
.editbox{
background: #ffffff;
border: 1px solid #b7b7b7;
color: #003366;
cursor: text;
font-family: "arial";
font-size: 9pt;
height: 18px;
padding: 1px; /*www.phpq.net*/
}
十、多行文本框
.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; /*www.phpq.net*/
}
十一、阴影风格的表单
.shadow {
position:absolute;
z-index:1000;
top:0px;
left:0px; /*www.phpq.net*/
background:gray;
background-color:#ffcc00;
filter : progidximagetransform.microsoft.dropshadow(color=#ff404040,offx=2,offy=2,positives=true);
}
十二、只显一条横线的输入框
.logintxt{
border-right: #ffffff 0px solid;
border-top: #ffffff 0px solid;
font-size: 9pt; /*www.phpq.net*/
border-left: #ffffff 0px solid;
border-bottom: #c0c0c0 1px solid;
background-color: #ffffff
}
十三、没有边框的输入框
.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;
}
分享到:
相关推荐
在这个名为“Css_div_常用CSS标签及属性等”的文档集合中,我们可以期待找到关于这两个主题的深入学习材料。 首先,让我们详细了解一下`DIV`。`<div>`元素是HTML中的一个块级元素,意味着它会自动占据一整行,可以...
这些基本的CSS标签和属性构成了CSS的核心概念,通过它们,开发者可以实现丰富的网页设计和布局控制。了解并熟练掌握这些属性,对于创建美观、响应式且易于维护的网页至关重要。在实际应用中,还应考虑浏览器兼容性和...
【纯CSS3丝带效果详解】 在Web设计中,丝带常常被用来作为一种视觉提示,以突出特定的信息或功能,比如“新”、“热卖”等标记。纯CSS3实现的丝带效果不仅可以减少对JavaScript的依赖,还能提高网页加载速度和性能...
在这里,我们将深入探讨HTML常用标签以及CSS的基本概念和用法。 一、HTML常用标签 1. 文本元素: - `<h1>`至`<h6>`:定义标题,`<h1>`为最高级别,`<h6>`为最低级别。 - `<p>`:定义段落。 - `<em>`:定义斜体...
《即用即查——HTML+CSS标签参考手册》是一本专为从事Web应用开发的人员、网页设计与制作人员、网页制作爱好者以及大中专院校学生等目标读者群准备的专业书籍。该书由李刚编著,书号为978-7-115-16152-9,于2007年5...
"88种常用JS.CSS效果"这个压缩包文件很可能包含了88个不同的示例,每个示例都是一个实现特定视觉效果或交互功能的代码片段。让我们详细探讨一下这些常见效果背后的JS和CSS知识点。 1. **JS基础** - 变量声明:`var...
以下是HTML和CSS的一些常用知识点的总结: HTML基础知识: 1. 网页结构:一个基本的HTML页面通常由head、body和footer三部分组成,分别承载页面元数据、内容主体和版权信息。 2. HTML全名是超文本标记语言,用来...
本资源包"常用的css模板css"提供了多种CSS模板和布局,方便开发者快速构建网页结构。 1. **CSS模板**:CSS模板是预设的样式代码集合,通常包含一套完整的颜色方案、字体样式、布局结构等。这些模板可以快速应用到...
《脑动力:HTMLCSS标签速查效率手册》共分18章,前10章主要介绍了HTML标签和相关属性,包括文字、排版、列表、超链接、多媒体、表格、表单、框架等知识点。后8章介绍了CSS属性的详细用法和示例代码,包括文本显示...
这份名为"html-常用HTML、CSS标签属性.rar"的压缩包文件,很显然包含了关于这两种语言常见标签和属性的详细资料,特别是针对教育目的而编写的。 HTML标签是HTML文档中的基本元素,它们通过尖括号包围,如`<html>`、...
Div+CSS 常用标签 Div+CSS 是网页设计中常用的标签,以下是 Div+CSS 中常用的标签和属性。 文字标签 1. 标题文字:文字,其中 # 可以是 1-6,h1 为最大字,h6 为最小字。 2. 字体变化:文字,其中可以指定字体...
《Div+CSS布局常用标签及样式详解》 Div+CSS布局是网页设计中常见的技术,它将内容结构和样式分离,使网页设计更加灵活、易维护。本文将深入讲解Div+CSS布局中常用的HTML标签以及CSS相关的样式设置,帮助读者理解和...
对于外部CSS和JavaScript文件,可以使用`<link>`和`<script>`标签引入。 二、CSS文字属性 CSS提供了一系列文字属性来控制文本的外观: - `color`: 设置文本颜色,如`color: #999999;`。 - `font-family`: 指定字体...
《Div+CSS布局常用标签及样式详解》 Div+CSS布局是网页设计中不可或缺的一部分,它使得网页结构清晰,样式灵活。以下将详细介绍Div+CSS布局中常用的HTML标签以及CSS的相关知识点。 一、HTML常用标签 1. `div`:这...
### CSS常用英语词汇详解 #### A - **Absolute** ['æbsəlu:t] - 绝对定位。在CSS中,`position: absolute;` 表示元素相对于最近的非static定位祖先元素进行定位。 - **Active** ['æktiv] - 激活的状态。在CSS中...
根据提供的文件内容,这篇文档主要讲述了网页开发中常用的HTML标签和CSS样式。下面将详细说明这些标签和样式的知识点: 首先,HTML标签是网页内容的骨架,它定义了网页的结构和内容。例如: - `<a>` 标签用于定义...
"css标签网页制作素材"这个主题涵盖了CSS在网页设计中的应用,以及一些辅助资源,适合网页美工和前端开发者使用。无论你是使用ASP、JSP还是Dreamweaver这样的开发工具,理解并掌握CSS都是必不可少的。 首先,我们要...
下面将详细讲解Div+CSS布局中常用的HTML标签以及CSS的相关知识点。 首先,我们来看看一些在Div+CSS布局中常用的HTML标签: 1. `div`:这是一个通用的容器标签,用于组织页面内容,可以容纳其他HTML元素,并通过CSS...
【CSS布局常用标签】 在网页设计中,Div+CSS布局是一种常见的页面构建方式,通过使用HTML标签和CSS样式来组织和美化网页内容。以下是一些常用标签的介绍: 1. `div`:这是一个通用的容器标签,用于组合其他HTML...
在"DIV+CSS网页布局基础-常用HTML标签介绍"这个主题中,我们将深入探讨HTML中的一些常见标签,以及它们在网页设计中的作用。 1. **HTML 结构标签**:这些标签为页面提供基本的结构,例如`<html>`,`<head>`,`...