我用的CSS样式[控件和页面]

最新推荐文章于 2025-03-05 20:41:43 发布
原创 最新推荐文章于 2025-03-05 20:41:43 发布 · 906 阅读 · 0 ·
本内容遵循CC 4.0 BY-SA版权协议
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
标签
#css #border #asp #server #radiobutton
#textbox
本文详细介绍了CSS样式表的设置方法，包括body、链接、表单元素等的基本样式配置，以及按钮、文本框等控件的具体样式设定。同时，还展示了表格、分页等元素的样式设置，为网页设计提供了丰富的样式参考。

Default.css

 

/* ========== body样式 ========== */
body
{
  background: #ffffff;
  border: 0px;
  color: #000000;
  font-size: 12px;
  font-family: Verdana,Arial, "宋体";
  margin: 0px;
  text-align: left;
}
/* ========== 链接样式 ========== */
a
{
  color: #0000ff;
  text-decoration: none;
  font-weight: normal;
  font-size: 12px;
  font-family: Verdana,Arial, "宋体";
}
a:link
{
  color: #0000cc;
  text-decoration: none;
  font-weight: normal;
  font-size: 12px;
  font-family: Verdana,Arial, "宋体";
}
a:visited
{
  color: #0000cc;
  text-decoration: none;
  font-weight: normal;
  font-size: 12px;
  font-family: Verdana,Arial, "宋体";
}
a:active
{
  color: #cc0000;
  text-decoration: underline;
  font-weight: normal;
  font-size: 12px;
  font-family: Verdana,Arial, "宋体";
}
a:hover
{
  color: #ff0000;
  text-decoration: underline;
  font-weight: normal;
  font-size: 12px;
  font-family: Verdana,Arial, "宋体";
}

/* ========== 元素样式 ========== */
form
{
  color: #000000;
  font-size: 12px;
  font-family: Verdana,Arial, "宋体";
  margin: 0px 0px 0px 0px;
  padding: 0px 0px 0px 0px;
}

input
{
  color: #000000;
  font-size: 12px;
  font-family: Verdana,Arial, "宋体";
  word-break: break-all;
  word-wrap: break-word;
}
textarea
{
  color: #000000;
  font-size: 12px;
  font-family: Verdana,Arial, "宋体";
  word-break: break-all;
  word-wrap: break-word;
}
select
{
  color: #000000;
  font-size: 12px;
  font-family: Verdana,Arial, "宋体";
  border: solid 1px #52758c;
  background: #eeeeee;
}
table
{
  color: #000000;
  font-size: 12px;
  font-family: Verdana,Arial, "宋体";
  word-break: break-all;
  word-wrap: break-word;
  border: none;
  padding: 0px; /*table-layout:fixed;*/
}
td
{
  font-size: 12px;
  font-family: Verdana,Arial, "宋体";
  word-break: break-all;
  word-wrap: break-word;
}
div
{
  color: #000000;
  font-size: 12px;
  font-family: Verdana,Arial, "宋体";
  word-break: break-all;
  word-wrap: break-word;
  border: none;
}
span
{
  color: #000000;
  font-size: 12px;
  font-family: Verdana,Arial, "宋体";
  word-break: break-all;
  word-wrap: break-word;
  border: none;
}
p
{
  color: #000000;
  font-size: 12px;
  font-family: Verdana,Arial, "宋体";
  line-height: 20px;
  word-break: break-all;
  word-wrap: break-word;
}
pre
{
  color: #000000;
  font-size: 12px;
  font-family: Verdana,Arial, "宋体";
  margin: 0px 0px 0px 0px;
  padding: 0px 0px 0px 0px;
  word-break: break-all;
  word-wrap: break-word;
}
fieldset
{
  color: #000000;
  font-size: 12px;
  font-family: Verdana,Arial, "宋体";
  border: solid 1px #000000;
  width: 97%;
  word-break: break-all;
  word-wrap: break-word;
}
legend
{
  color: #d00000;
  font-size: 12px;
  font-family: Verdana,Arial, "宋体";
  font-weight: bold;
  word-break: break-all;
  word-wrap: break-word;
}
hr
{
  width: 98%;
  height: 1px;
}

/* ========== 控件样式 ========== */
.iButtonNormal
{
  border: solid 1px #52758c;
  background: #eeeeee;
  cursor: pointer;
}
.iButtonBold
{
  border: solid 1px #52758c;
  background: #eeeeee;
  font-weight: bold;
  cursor: pointer;
}
.iTextArea
{
  border: solid 1px #52758c;
  background: #eeeeee;
}
.iTextBox
{
  border: solid 1px #52758c;
  background: #eeeeee;
}
.iFileUpload
{
  border: solid 1px #52758c;
  background: #eeeeee;
}
.iSelect
{
  border: solid 1px #52758c;
  background: #eeeeee;
}
.iCheckBox
{
  border: solid 1px #52758c;
  background: #eeeeee;
}
.iRadio
{
  border: solid 1px #52758c;
  background: #eeeeee;
}

/* ========== 表单内容样式 ========== */
.iTable
{
  border: solid 1px #666666;
  border-collapse: collapse;
  background: #ffffff;
}
.iTable th
{
  border: solid 1px #666666;
  background: #E5EAFD;
  text-align: center;
  vertical-align: middle;
  font-weight: bold;
  height: 23px;
}
.iTable td
{
  border: solid 1px #666666;
  vertical-align: middle;
}
.iTableAlternate
{
  background-color: #ffffee;
}
/* ========== 分页样式 ========== */
.iPager
{
  font-size: 12px;
  font-family: Verdana,Arial, "宋体";
  font-weight: normal;
  text-align: center;
}
.iPager a
{
  margin-left: 2px;
  margin-right: 2px;
}

 Default.skin

 

<asp:Button runat="server" CssClass="iButtonNormal" />
<asp:TextBox runat="server" CssClass="iTextBox" />
<asp:CheckBox runat="server" CssClass="iCheckBox" />
<asp:RadioButton runat="server" CssClass="iRadio" />
<asp:FileUpload runat="server" CssClass="iFileUpload" />

<asp:CheckBoxList runat="server" CssClass="iCheckBox" />
<asp:RadioButtonList runat="server" CssClass="iRadio" />

<asp:GridView Runat="server" CssClass="iTable" CellSpacing="1">
    <RowStyle HorizontalAlign="Center" />
    <AlternatingRowStyle CssClass="iTableAlternate" />
    <PagerStyle CssClass="iPager" HorizontalAlign="Right" />
    <PagerSettings Mode="NumericFirstLast" PageButtonCount="3" FirstPageText="首页" LastPageText="末页" PreviousPageText="前页" NextPageText="后页" />
</asp:GridView>
js+css控件
09-26
可以直接使用的js+css时间控件，有不完善的地方请指出，谢谢！
html+css实现猫眼移动端“我的”静态页面
weixin_45762315的博客
11-17 1547
我的 laD842919168 V1 青铜会员 > <!-- 想看 --...
CSS设计指南---界面组件
weixin_40794404的博客
07-06 1242
# CSS设计指南---界面组件 教材: CSS设计指南 导航菜单 表单 弹出层
我的html+css之路（初级篇）
努力发paper中的业余分享爱好者
10-21 418
HTML（HyperText Markup Language）：超文本标记语言，用于创建网页的标准标记语言；html结构包括 “头”部分（head）、和“主体”部分（body），head提供网页信息，body展示网页具体内容。 CSS（Cascading Style Sheets）：层叠样式表，用来表现html或xhtml的一种计算机语言，CSS不仅可以静态地修饰网页，还可以配合各种脚本语言动态地...
初学CSS，美化一个属于你自己的网页
luckyspecter的博客
03-23 546
文章目录一、CSS是什么？ 一、CSS是什么？ CSS 指层叠样式表 (Cascading Style Sheets)；样式定义如何显示 HTML 元素；样式通常存储在样式表中；把样式添加到 HTML 4.0 中，是为了解决内容与表现分离的问题；外部样式表可以极大提高工作效率；外部样式表通常存储在 CSS 文件中；多个样式定义可层叠为一个。 ...
我的网页作品（div+css）
shiyangxt的专栏
05-21 1937
        前段时间为一个育儿网站做了一个个人空间主页，这可是我的处女座。呵呵 请点击查看：/Files/shiyangxt/baobaoke.rar
FineReport智能报表工具- CSS修改控件样式
sjfxnxsr_的博客
12-21 1697
帆软FineReport通过修改控件的 CSS 样式来实现帆软报表制作。CSS 是一种用来表现 HTML 或 XML 等文件样式的计算机语言，简单来说，HTML 用于构建网页的结构、数据可视化分析大屏、CSS 用于构建 HTML 中元素的样式，所以修改控件的 CSS 即可修改控件的样式。不支持通过修改控件的 CSS 样式来实现修改控件样式。
获取MOSS页面中控件使用的样式
雾里清风
05-01 574
在Windows SharePoint Services 3.0的SDK中关于描述CSS的部分有这么一段代码，可以获取页面中各个控件使用的样式，方便修改默认样式，而不用在样式列表中花很长时间去搜索。 在需要获取样式的页面添加一个内容编辑器Web部件然后打开内容编辑器设置中的源编辑器，输入如下的代码
如何在asp.net页面使用css和js
linhd1102的博客
07-31 592
一、如何在asp.net页面中使用css 1、可以直接写在需要样式控制的控件里  例如： 是该div 的边框 颜色，粗细为1像素， solid 视线  。 例如： 2、 写在该页面内 可以是赋给多个控件 控件的 name 要一样 也可以控件的 class 或者 cssclass 调用,客户端控件和服务器端调用的区别例如： 中间写样式属性： 比如页面有几个 name 为 textin
动态设置CSS样式表
03-06 1294
<%@page language=”C#”%＞ ＜%@import namespace=”System.Data”%＞ ＜script language=”c#” runat=”server”＞ public void page_load(Object obj,EventArgs e) { //创建服务器端控件. //指定的标记”LINK”初始化此类的新实例. HtmlGeneric
Qt开发⑫Qt界面优化之CSS_选择器_控件样式
最新发布
参考书籍：《C语言程序设计》《数据结构》《C++ Primer》《Effective C++》《STL源码剖析》《现代操作系统》《UNIX环境高级编程》《图解TCP/IP》《图解HTTP》《Linux高性能服务器编程》《剑指Offer》《算法导论》
03-05 2151
Qt开发⑫Qt界面优化之CSS_选择器_控件样式（CSS背景介绍涵盖了基本语法和多种设置方式，包括指定控件样式设置、全局样式设置、从文件加载样式表以及使用Qt Designer编辑样式。选择器部分包括选择器概况、子控件选择器和伪类选择器。样式属性中的盒模型涉及设置边框、内边距和外边距。此外，还提供了控件样式示例，如自定义按钮、复选框、单选框、单行输入框和列表框。）
Qt控件美化 用好CSS/QSS可视化工具
独旅天涯
11-27 4663
一、CSS概念 级联样式表(CSS)包含应用于网页中的元素的样式规则。CSS样式定义元素的显示方式以及元素在页中的放置位置。可以创建一个通用规则，只要Web浏览器遇到一个元素实例，或遇到一个分配给某个特定样式类的元素，该规则就立刻应用属性，而不是将属性逐个分配给页中的每个元素。CSS样式可以通过内联方式放置在单个HTML元素内，也可以在网页head部分的style块内加以分组，或从单独的样式表中导入。如果样式是在单独的样式表中创建的，则可以将多个网页链接到该样式表，从而为整个网站提...
前端：CSS —— 页面布置和样式
Fighting！！！
03-01 3415
css
HTML+CSS表单控件（11个案例+代码+效果图）
.
10-05 3024
HTML+CSS表单控件（11个案例+代码+效果图）
表单和css基础
qq_54219390的博客
05-15 146
1.学习到的标签： h、p、i、em、b、strong、br、hr、&nbsp、div、span、ul、ol>li、dl>dt+dd、a、img -图片->详情页面<a>img</a> -加粗和倾斜可以互相嵌套 -有序无序列表互相嵌套 -li不一定要跟着ul、ol -brhr -重点:h和p之间的嵌套h可以嵌套pp不可以嵌套...
用css样式修改input控件和button控件
kbx8916的博客
01-22 9841
input中的text submit button等和单独button控件可以用css修改外观 eg: .item_submit { background-color:red; width:100px; height:50px; font-size:20px; color:white; font-weight:bold; border-radius:10px
CSS常用控件样式
shuaisweet的专栏
02-13 656
/**//*按钮样式*/ .ButtonCss { font-family: "Tahoma", "宋体"; font-size:9pt; color: #003399; border: 1px #003399 solid; color:006699; BORDER-BOTTOM: #93bee2 1px solid; BORDER-...
CSS：控件右对齐
热门推荐
zcc9618的博客
05-16 1万+
css代码：增加 float: right; .txt6{ float: right; margin-right: 25px; }
CSS5 其他常用控件
weixin_44055272的博客
03-19 256
链接 链接不同于其他的标签，他可以点击，可以显示未点击，滑动到链接上点击时，点击后的不同状态
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

天天成长

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付：¥1
获取中
扫码支付

您的余额不足，请更换扫码支付或充值

打赏作者

实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

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

余额充值