Question

怎么为GridView自带的分页按钮添加CSS样式属性

Answer 1

怎么为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: 9pt; line-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: 9pt; color: #4583D2; text-decoration: none; line-height: 25px}
a.blue:link{ font-size: 9pt; color: #4583D2; text-decoration: none; line-height: 25px}
a.blue:hover{ font-size: 9pt; color: #4583D2; text-decoration: none; line-height: 25px}
a.blue:visited{ font-size: 9pt; color: #4583D2; text-decoration: none; line-height: 25px}

Answer 2

Vue实践-CSS样式position/display/float属性对比使用