網頁測試題講解

一、布局出下列中的效果

方法2：做乙個0*0的，設定四個邊界的，上邊界設定為border-top:100px solid #00f，其它三個邊界設定為border-right:100px solid white，結果會只顯示上面的 border。這種方法最為簡單，只需要1個。

二、布局下列效果

方法1：布置2個大小一樣的div，都旋轉45度，前面乙個背景顏色設定為目標顏色，後面乙個背景顏色設為white，向左移動後面乙個把前乙個覆蓋住，達到目標效果。

方法2：布置1個div，背景色為white，設定下邊框和左邊框都為8px solid #00f（目標顏色），最後再旋轉45度。

三、簡述以下**實現的效果

**實現的效果為

加上後的效果為（紅色區域是為了能夠看出區域加上的，實際上是白色）

加上最後的後

四、布局出下列效果

要求：滑鼠放上的過程中文字位置不移動。

滑鼠放上去文字位置不動，文字動的原因是當滑鼠放上去以後會出現上邊距，有了上邊距以後，單元框的中心線在滑鼠放上去以後會下降，才導致了文字變動。所以要在滑鼠放上去以後設定行高，使滑鼠放上去以後和放上之前的中心線不變，行高的高度再減去上邊距的高度。

height:38px; line-height:36px 38px表示行高減去上邊距的距離， line-height:36px 表示滑鼠放上去以後再減去乙個和上邊距相等的下邊距的距離。

五、括號內可以寫加或減，要使等式成立，括號裡面應該填什麼值。

123（）45（）56（）78 （）90= 100

var s = "";
for(var i=-1;i<2;i=i+2)}}
}}alert(s);

+1表示「+」，-1表示「-」。i（j、k、o）只有2個值，1或者-1。for(var j=-1;j<2;j=j+2)或者for(var j=1;j>-2;j=j-2)都可以，表示的i（j、k、o）的值都只有1和-1。