zoukankan
html css js c++ java
ASP.NET2.0 Skin+CSS 测试
显示出来如上图:
ASPX页面的代码:
<%
@ Page Language
=
"
C#
"
AutoEventWireup
=
"
true
"
CodeFile
=
"
SammyDiv.aspx.cs
"
Inherits
=
"
Buying_SammyDiv
"
Theme
=
"
sammyTest
"
%>
<!
DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"
>
<
html
xmlns
="http://www.w3.org/1999/xhtml"
>
<
head
runat
="server"
>
<
title
>
Sammy Test Div
</
title
>
<
style
type
="text/css"
>
#rtop
{
}
{
margin
:
0 auto
;
height
:
30%
;
vertical-align
:
middle
;
text-align
:
center
;
font-family
:
Arial
;
font-size
:
x-large
;
background
:
#CCCC00
;
}
#rbottom
{
}
{
margin
:
0 auto
;
height
:
70%
;
vertical-align
:
middle
;
text-align
:
center
;
font-family
:
Arial
;
font-size
:
x-large
;
background
:
#CCee00
;
}
#left
{
}
{
float
:
left
;
height
:
100%
;
width
:
50%
;
vertical-align
:
middle
;
text-align
:
center
;
font-family
:
Arial
;
font-size
:
x-large
;
background
:
#CCCCed
;
}
#container
{
}
{
width
:
900px
;
height
:
600px
;
vertical-align
:
middle
;
text-align
:
center
;
font-family
:
Arial
;
font-size
:
x-large
;
background-color
:
Green
}
#leftside
{
}
{
width
:
40%
;
height
:
60%
;
float
:
left
;
font-family
:
Arial
;
font-size
:
x-large
;
vertical-align
:
middle
;
text-align
:
center
;
background
:
gray
;
}
#rightside
{
}
{
width
:
60%
;
height
:
60%
;
float
:
left
;
vertical-align
:
middle
;
text-align
:
center
;
font-family
:
Arial
;
font-size
:
x-large
;
background
:
#Cdfd00
;
}
#foot
{
}
{
height
:
20%
;
clear
:
both
;
vertical-align
:
middle
;
text-align
:
center
;
font-family
:
Arial
;
font-size
:
x-large
;
background-color
:
InactiveBorder
;
}
#header
{
}
{
height
:
20%
;
clear
:
both
;
vertical-align
:
middle
;
text-align
:
center
;
font-family
:
Arial
;
font-size
:
x-large
;
background-color
:
Red
}
</
style
>
</
head
>
<
body
>
<
form
id
="formtest"
runat
="server"
>
<
div
id
="container"
>
<
div
id
="header"
>
header
</
div
>
<
div
id
="midbody"
>
<
div
id
="leftside"
>
leftside
<
br
/>
<
asp:Calendar
ID
="Calendar1"
runat
="server"
/>
<
br
/>
</
div
>
<
div
id
="rightside"
>
<
div
id
="rtop"
>
right top
<
div
style
= "height: 500;"
>
<
asp:Button
ID
= "ButtonTest"
runat
= "Server"
Text
= "Test"
/>
<
asp:Button
ID
= "Button1"
runat
= "Server"
Text
= "Test"
/>
<
asp:Button
ID
= "Button2"
runat
= "Server"
Text
= "Test"
/>
<
asp:Button
ID
= "Button3"
runat
= "Server"
Text
= "Test"
/>
</
div
>
</
div
>
<
div
id
="rbottom"
>
<
div
id
="left"
>
left
<
div
>
<
asp:Button
ID
= "Button4"
runat
= "Server"
Text
= "Test"
/>
<
asp:Button
ID
= "Button5"
runat
= "Server"
Text
= "Test"
/>
<
asp:Button
ID
= "Button6"
runat
= "Server"
Text
= "Test"
/>
<
asp:Button
ID
= "Button7"
runat
= "Server"
Text
= "Test"
/>
</
div
>
</
div
>
<
div
id
="right"
>
right
<
div
style
="float:right"
>
<
h3
>
Disabling Themes for a Control
</
h3
>
<
asp:Label
ID
="Label4"
runat
="server"
Text
="Hello 1"
/><
br
/>
<
asp:Label
ID
="Label5"
runat
="server"
Text
="Hello 2"
EnableTheming
="False"
/><
br
/>
<
asp:Label
ID
="Label6"
runat
="server"
Text
="Hello 3"
/><
br
/>
</
div
>
</
div
>
</
div
>
</
div
>
</
div
>
<
div
id
="foot"
>
foot
</
div
>
</
div
>
</
form
>
</
body
>
</
html
>
Skin.skin中的代码:
<
asp:Button
runat
= "Server"
CssClass
= "button60"
/>
<
asp:Label
Font-Bold
="true"
ForeColor
="orange"
runat
="server"
/>
<
asp:Calendar
BackColor
="White"
BorderColor
="Black"
BorderStyle
="Solid"
CellSpacing
="1"
Font-Names
="Verdana"
Font-Size
="8pt"
ForeColor
="Black"
Height
="250px"
NextPrevFormat
="ShortMonth"
Width
="330px"
runat
="server"
>
<
SelectedDayStyle
BackColor
="#333399"
ForeColor
="White"
/>
<
OtherMonthDayStyle
ForeColor
="#999999"
/>
<
TodayDayStyle
BackColor
="#999999"
ForeColor
="White"
/>
<
DayStyle
BackColor
="#CCCCCC"
/>
<
NextPrevStyle
Font-Bold
="True"
Font-Size
="8pt"
ForeColor
="White"
/>
<
DayHeaderStyle
Font-Bold
="True"
Font-Size
="8pt"
ForeColor
="#333333"
Height
="8pt"
/>
<
TitleStyle
BackColor
="#333399"
BorderStyle
="Solid"
Font-Bold
="True"
Font-Size
="12pt"
ForeColor
="White"
Height
="12pt"
/>
</
asp:Calendar
>
Style.CSS中的代码:
.button60
{
font-weight: bold;
font-size: 12pt;
background-image: url(../Images/EPS_Button_BG_60.gif);
60px;
cursor: hand;
color: Blue;
height: 50px;
text-align: center;
border-style: none;
}
查看全文
相关阅读:
阿里风控大脑关于大数据应用的探索与实践
MaxCompute
Lyft 基于 Flink 的大规模准实时数据分析平台(附FFA大会视频)
基于MaxCompute InformationSchema进行血缘关系分析
阿里经济体大数据平台的建设与思考
厉害了!阿里云首批通过边缘云标准符合性测试
边缘计算和“寒武纪”有什么关系?阿里云资深专家刘强如是说
阿里云荣获最佳智能边缘计算技术创新平台
阿里云杨敬宇:四层技术构建基于城市场景的边缘计算
阿里云移动研发平台 EMAS 助力银行业打造测试中台,提升发版效能
原文地址:https://www.cnblogs.com/songsh96/p/659746.html
最新文章
莫比乌斯反演专题
【2018.9.8】最短路专题
【bzoj2238】Mst(树链剖分+线段树)
【2018.8.10】四连测day4 题解
【可持久化线段树?!】rope史上最全详解
Lucas定理详解
【2018.4.5】Shoi2017题集
【小专题】哈密顿回路
【2018.2.8-】网络流学习笔记(含ISAP!)
【2018.2.2-】你真的会二叉搜索树了吗?(普通版本+普通拓展)
热门文章
【2018.1.29-2018.2.2】树状数组学习笔记(带各种应用)
noip普及组考纲+样题合集——初级篇(OIer必看)
【2017.12.18】Dijkstra专题
性能测试常见用语解析
HTTP笔记之一
JMeter进行简单的数据库(mysql)压力测试
使用Jmeter进行简单的http接口测试
HTTP协议(转自:小坦克博客)
Fiddler界面详解
常用ADB命令
Copyright © 2011-2022 走看看