天天看點

用CSS設定的border屬性及标簽不顯示下劃線

1.在CSS樣式表中并不能直接對表格元素的border元素進行設定,那麼要想實作像Excel表格樣式的表格怎麼辦呢?隻能對表格和單元格分别加邊框來實作,具體的是:對表格顯示上邊框和左邊框,而讓每個單元格顯示下邊框和右邊框,這樣一組合起來就達到了<table border="1">中的border一樣的效果,具體的代碼如下:

TABLE.showTable   //設定表格邊框 {  border-top:rgb(0,128,192) 1px solid;  border-left:rgb(0,128,192) 1px solid; }

TABLE.showTable td   //設定單元格 {  border-bottom:rgb(0,128,192) 1px solid;  border-right:rgb(0,128,192) 1px solid; }

2.在超連結中,初始顯示的時候不顯示下劃線,當滑鼠放在去的時候顯示下劃線,滑鼠離開後不顯示下劃線,且顔色改變,代碼如下:

A:LINK {  text-decoration:none; }

A:visited {  text-decoration:none; }

A:hover {  color: #ff00ff;text-decoration:underline; }