一、參考**：www.kuhnsjewelers.com qccssad
二、效果：
三、html
複製**
**如下:
四、css
複製**
**如下:
#search-box
.searchtextbox
.submitbutton
.submitbutton:hover
五、說明：
1、文字框預編譯後是" type="text"的標籤input,**如下：
複製**
**如下:
2、文字框的大小和div類似，盒子模型如圖示：
3、按鈕預編譯後是標籤type="submit"的標籤input
複製**
**如下:
4、按鈕的width和height是包括邊框的，css中設定的width: 70px; height: 29px;，實際盒子模型如圖示：
本文標題: html+css實現漂亮的查詢部件例項
本文位址: /web/css/80471.html
HTML CSS例項 漂亮的背景（一）
一 二 效果 三 css body 四 說明 網頁背景色與大海融為一體，這個是非常唯美的藝術效果。而更大的亮點則是，背景的左右兩邊各有一條沒有特別虛化的亮線，這個背景如果只是隨便地設為背景，那，背景會有兩條比較明顯線痕，這會是很重的乙個敗筆。但，樣式表中，設定了background position...
C 實現漂亮的數字時鐘效果
程式執行後介面如下 實現技術 主要是通過graphics類的drawimage方法來繪製數字時鐘中所有的數字，這些數字是從網上找的一些檔案。時鐘使用datetime中now屬性來獲得不同的，時，分，秒，最後通過定時器來實現時鐘的執行狀態。主要 如下 複製 如下 將0 9數字儲存在image陣列中 p...
canvas實現漂亮的下雨效果的示例
說明 這篇文章說如何用canvas畫出漂亮的下雨效果，先看看最後實現的效果吧。效果圖解釋 看圖來分析下，我們需要實現哪些效果。1 雨滴下落效果，移動滑鼠控制下落方向 2 雨滴下落散成小水珠，小水珠的移動方向和滑鼠移動方向相同 3 雨滴下落到滑鼠座標一定範圍內，散成小水珠，同樣的，小水珠的移動方向也和...