ASP.NET4.0 Gridviewの線に色を付ける

2012年07月09日

Gridviewの線に色を付けようとして少しハマった話。

振り返ればASP.NET1.1、ASP.NET2.0と使ってきましたがオートフォーマットでもけっこうきれいなのでそれを使用してきました。見栄えにこだわってみようとして、これに気付いた次第。

<asp:GridView ID=”GridView1″ ~途中省略~

FooterStyle-BackColor=”White”  HeaderStyle-BackColor=”White”

backColor=”Black”   CellSpacing=”1″>

backColorとCellSpacingの指定だけだと同時にヘッダー、フッターも黒くなるのでWhiteにしています。

けど、これでも少し線が太く見える。

結局、CSSで指定するのがきれいでした。

<asp:GridView ID=”GridView1″   CssClass=”grid1″ ~残り全部省略~

CSSには下記(例)

.grid1 {

border-collapse:collapse;

border: #000000 1px solid;

}

.grid1 th {

border-style:solid;

border-width:1px;

border-color:#696969;

background-color:#ffffff;

color:#000000;

padding:1px;

}

.grid1 td {

border-style:solid;

border-width:1px;

border-color:#696969;

padding:1px;

}

 


コメントを残す

メールアドレスが公開されることはありません。 * が付いている欄は必須項目です

CAPTCHA