手把手教你做出好看的文字輸入框

2022-03-01 10:18:34 字數 428 閱讀 5394

首先我們看一下最後的效果圖:

其實這個樣式很簡單,用到了css的偽元素focus。

下面我們一起來重新做乙個吧。

首先我們需要在你的頁面上新增乙個文字框**如下:

這個是我們最平常的按鈕了,沒有任何的樣式。現在我們來新增我們好看的樣式,**如下:

.mytxt

好了我們新增了樣式以後,我們需要在文字框中引用此樣式。修改文字框**如下:

好了我們基本的文字框樣式完成了,現在我們需要在次新增focus按鈕。首先簡單的介紹一下focus按鈕的作用:就是當我們箭頭在文字框中的時候觸發此樣式。

新增css樣式如下:

.mytxt:focus

因為我們滑鼠移進去的時候,需要修改邊框的顏色和一些陰影,所以上面的**就夠了!!

希望你們能從中得到啟發。

手把手教你做flash RPG

第一步 匯入資料 首先在flash中匯入人物走路的,如下圖 第二步 製作向前後左右走路的影片剪輯 把剛才匯入的,分別製作成4個影片剪輯a,d,s,w,用來描述走路的過程,如下圖 第三步 製作walk影片剪輯,在主場景中建立乙個walk影片剪輯,在walk中建立8個關鍵幀,幀標籤分別是 right l...

手把手教你做好OKR設計

對於團隊來說,最好是每個季度召開一次專門的會議,以制定未來一季度okr,由團隊負責人或者顧問在會議中提供引導。一 okr制定前需要思考的問題 作為乙個顧問,在召開會議前需要思考如下幾個問題 1.參會物件,哪些人需要參與?根據團隊規模來確定,根據公司級 部門級 專案級等不同規模確定參會物件,至少需要o...

手把手教你做測試分析

測試分析是什麼?我們知道作為乙個測試人員,拿到需求之後,不可能上來就做測試設計,因為需求是否合理?是否有價值?是否可測試?這些問題我們沒有弄明白之前開始做測試設計是不負責任的 需求分析在需求討論會結束之後就應該被提上日常並被認真對待,那麼需求分析要分析哪些內容呢?我們用下面這個思維導圖來說明這個過程...