比如说:有100条数据要在页面展示,每次展现10条,一共10页。
程序会在第一页取出1--10条数据给静态页面展示。
到第二页的时候在去11--20条数据给静态页面展示。
当然你要给程序相对应的参数,他才能从数据库里面取出来。
美工只做一个展现页面给程序员,分页就是在静态页面上某个位置写上“上一页”、“下一页”、“第一页”、“最后一页”“共多少页”,或者是数字的1、2、3、4、5、6那种,剩下的程序员就会搞定一切的。
CSS只能做装饰,不能分页。
怎么为GridView自带的分页按钮添加CSS样式属性先给你个.css 文件 你保存 在页面引用
BODY
{
color: #000000
FONT-FAMILY: "Verdana", "Arial", "Helvetica", "sans-serif"
line-height: 125%
margin-bottom:0px
margin-left:0px
margin-right:0px
margin-top:0px
font-size: 9pt
background-color:White
font-size:9pt
text-align:center
height:100%
}
A.sort
{
FONT-SIZE: 10.2pt
COLOR: white
TEXT-DECORATION: none
}
A:link
{
font-size: 9pt
color: #006699
line-height: 15pt
font-family: 宋体
text-decoration: underline
}
A:visited
{
FONT-SIZE: 9pt
COLOR: #006699
LINE-HEIGHT: 15pt
FONT-FAMILY: 宋体
TEXT-DECORATION: underline
}
A:active
{
FONT-SIZE: 9pt
COLOR: #ff0000
LINE-HEIGHT: 15pt
FONT-FAMILY: 宋体
TEXT-DECORATION: none
}
A:hover
{
FONT-SIZE: 9pt
COLOR: #ff0000
LINE-HEIGHT: 15pt
FONT-FAMILY: 宋体
TEXT-DECORATION: none
}
A.Linkword:link
{
COLOR: blue
LINE-HEIGHT: 15pt
FONT-FAMILY: 宋体
TEXT-DECORATION: underline
}
A.Linkword:visited
{
COLOR: blue
LINE-HEIGHT: 15pt
FONT-FAMILY: 宋体
TEXT-DECORATION: none
}
.a1
{
BACKGROUND-IMAGE:url('../images/title.gif')
COLOR:#000000
cursor:pointer
}
.a2{BACKGROUND-COLOR: #C6C3C6}
.a3{BACKGROUND-COLOR: #FFFFFF}
.a4{BACKGROUND-COLOR: #EFEFEF}
TABLE
{
FONT-SIZE: 12px
border-color:White
border-bottom-color:White
border-left-color:White
border-right-color:White
border-top-color:White
font-family: "宋体"
}
TR
{
FONT-SIZE: 9pt
}
TD
{
FONT-SIZE: 9pt
}
BUTTON.button
{
FONT-SIZE: 9pt
HEIGHT: 20px
border-style:outset
border-width:thick
}
INPUT
{
FONT-SIZE: 9pt
border-style:groove
border-width:thin
}
FORM
{
PADDING-RIGHT: 0px
PADDING-LEFT: 0px
PADDING-BOTTOM: 0px
MARGIN: 0px
PADDING-TOP: 0px
}
SELECT
{
FONT-SIZE: 9pt
}
TEXTAREA
{
FONT-SIZE: 9pt
}
.ArticleContent
{
FONT-SIZE: 9ptline-height:200%
}
.white
{
font-family: "宋体"
font-size: 9pt
line-height: 15pt
color: #FFFFFF
text-decoration: none
}
.black9
{
font-family: "宋体"
font-size: 9pt
line-height: 15pt
color: #000000
text-decoration: none
}
.gray9
{
font-family: "宋体"
font-size: 9pt
line-height: 15pt
color: gray
text-decoration: none
}
.black10
{
font-family: "宋体"
font-size: 10.5pt
line-height: 15pt
color: #000000
text-decoration: none
}
.caption {
font-family: verdana, geneva, helvetica, arial, sans-serif
font-size: 11px
font-weight: bold
color: #cc6600
}
.orangehead
{
font-family:宋体
font-size:12pt
font-weight:bold
line-height:20pt
color: #cc6600
}
a.blacknone {
text-decoration: none
color: #000000
}
a.bluenone:link {
text-decoration: none
color: #0014A0
}
a.bluenone:visited {
text-decoration: none
color: #0014A0
}
a.purplenone:link {
text-decoration: none
color: #840084
}
a.purplenone:visited {
text-decoration: none
color: #840084
}
a.whitenone {
text-decoration: none
color: #ffffff
}
a.grey6none {
text-decoration: none
color: #666666
}
a.grey9none {
text-decoration: none
color: #999999
}
a.orangenone {
text-decoration: none
color: #cc6600
}
A.orangenone:visited
{
text-decoration: none
color: #cc6600
}
a.orangenone_buynow {
text-decoration: none
color: #cc6600
}
a.orangeline {
color: #cc6600
}
a.blue { font-size: 9ptcolor: #4583D2text-decoration: noneline-height: 25px}
a.blue:link{ font-size: 9ptcolor: #4583D2text-decoration: noneline-height: 25px}
a.blue:hover{ font-size: 9ptcolor: #4583D2text-decoration: noneline-height: 25px}
a.blue:visited{ font-size: 9ptcolor: #4583D2text-decoration: noneline-height: 25px}
transition-property :规定设置过渡效果的css属性名称(默认值all)
transition-duration :规定完成过渡效果需要多少秒或毫秒(默认0s)
transition-timing-function :指定过渡函数,规定速度效果的速度曲线(默认为ease函数)
transition-delay :指定开始出现的延迟时间(默认延迟0s)
注意:transition四个子属性之间只能用空格隔开,不能用逗号隔开