Jaki's internet adventure, 積奇的網路叢林冒險
Google Base
看了老貓有關 blog 排版那一篇之後,把 css 作了調整, 在這紀錄一下.1. 內文行距改 line-height: 1.6blogPost{} 裡面加上 line-height:1.6;看起來是有比原來容易閱讀... ^_^2. 使用樸素的超連結格式將原來橘色的連結改成比較不刺眼(?)的綠色,a:link 跟 a:visited 改成一樣的顏色,差別是 a:visited 多了--淺底線 border-bottom: 1px dashed #666;並通通加上 text-decoration: none;相關設定如下:a:link{color:#2f4f4f;border-bottom: 1px dashed #ccc;text-decoration: none;}a:visited{color:#2f4f4f;border-bottom: 0px dashed #666;text-decoration: none;}a:hover {color: #111; border-bottom: 1px solid #111; background: transparent;}a:active{color:#ff0000;}
Post a Comment
1 意見:
看了老貓有關 blog 排版那一篇之後,
把 css 作了調整, 在這紀錄一下.
1. 內文行距改 line-height: 1.6
blogPost{} 裡面加上 line-height:1.6;
看起來是有比原來容易閱讀... ^_^
2. 使用樸素的超連結格式
將原來橘色的連結改成比較不刺眼(?)的綠色,
a:link 跟 a:visited 改成一樣的顏色,
差別是 a:visited 多了--
淺底線 border-bottom: 1px dashed #666;
並通通加上 text-decoration: none;
相關設定如下:
a:link{color:#2f4f4f;border-bottom: 1px dashed #ccc;text-decoration: none;}
a:visited{color:#2f4f4f;border-bottom: 0px dashed #666;text-decoration: none;}
a:hover {color: #111; border-bottom: 1px solid #111; background: transparent;}
a:active{color:#ff0000;}
Post a Comment