分享一个不错的表格样式
生活随笔
收集整理的這篇文章主要介紹了
分享一个不错的表格样式
小編覺得挺不錯的,現在分享給大家,幫大家做個參考.
先貼個HTML生成的源碼出來:
<!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> <title>一個表格例子</title> <style> th {background-image:url(win_top.png);height: 26px;font-weight:bold;color: #FFF; } </style> </head> <body> <table width="600" border="0" cellpadding="0" cellspacing="1" style="background-color:#D9E6FF;"><tr><th width="200" scope="col">Seasons1987</th><th width="200" scope="col">Seasons1987</th><th width="200" scope="col">Seasons1987</th></tr><tr style="background-color:White;height:10px;"><td align="center"> </td><td align="center"> </td><td align="center"> </td></tr><tr style="background-color:White;height:10px;"><td align="center"> </td><td align="center"> </td><td align="center"> </td></tr><tr style="background-color:White;height:10px;"><td align="center"> </td><td align="center"> </td><td align="center"> </td></tr> </table> </body> </html>下面是效果圖(IE8):
?圖一 藍色+漸變,網上找到的素材
圖片地址:表頭背景圖片
最后,順便說一下在VS 2008中的設置辦法,見下圖,注意黑色粗體部分,其它的設置可不理:
?圖二 GridView的屬性設置
?最后,加入如下的樣式片斷在文檔的<style></style>之間或CSS文件中即可!
th {background-image:url(../images/win_top.png);height: 26px;font-weight:bold;color: #FFF; }如果有什么好的樣式希望能分享一下咯。
?
?
轉載于:https://www.cnblogs.com/seasons1987/archive/2012/07/02/2573278.html
總結
以上是生活随笔為你收集整理的分享一个不错的表格样式的全部內容,希望文章能夠幫你解決所遇到的問題。
- 上一篇: 浏览文件按钮
- 下一篇: 类库,随机数,属性,值类型和引用类型