幾個漂亮的 button 樣式

2021-05-22 21:30:19 字數 3941 閱讀 4016

<style>

02.btn

05.btn1_mouseout

08.btn1_mouseover

11.btn2

12.btn3_mouseout

15.btn3_mouseover

18.btn3_mousedown

19

22.btn3_mouseup

25.btn_2k3

28

29.btn_flat

32style>

33<body>

34

35

36<buttonclass=btn_flattitle="好看的按鈕 "> 好看的按鈕1 button> <p> p>

37

38<buttonclass=btntitle="好看的按鈕 "> 好看的按鈕1 button> <p> p>

39<button

40class=btn1_mouseoutonmouseover="this.classname= 'btn1_mouseover ' "

41onmouseout="this.classname= 'btn1_mouseout ' "

42title="好看的按鈕 "> 好看的按鈕2 button>

43<button

44class=btn1_mouseoutonmouseover="this.classname= 'btn1_mouseover ' "

45onmouseout="this.classname= 'btn1_mouseout ' "disabled> 好看的按鈕3 button>

46<p>

47<buttonclass=btn2title="好看的按鈕 "> 好看的按鈕4 button>

48<p>

49<buttonclass=btn3_mouseoutonmouseover="this.classname= 'btn3_mouseover ' "

50onmouseout="this.classname= 'btn3_mouseout ' "

51onmousedown="this.classname= 'btn3_mousedown ' "

52onmouseup="this.classname= 'btn3_mouseup ' "

53title="好看的按鈕 "> 好看的按鈕5 button>

54<p>

55<buttonclass=btn_2k3title="好看的按鈕 "> 好看的按鈕6 button>

56

57

58

59body>

60html>

CI 漂亮的分頁樣式(頁碼樣式)

還在為難看的分頁發愁嗎,下面教你如何用ci編寫漂亮的分頁 demo 本人用bootstrap分頁樣式,你可以根據個人喜好定義自己的class 一 決定樣式的配置 1.config num links 2 放在你當前頁碼的前面和後面的 數字 鏈結的數量。比方說值為 2 就會在每一邊放置兩個數字鏈結,就...

CI 漂亮的分頁樣式(頁碼樣式)

本文 還在為難看的分頁發愁嗎,下面教你如何用ci編寫漂亮的分頁 demo 本人用bootstrap分頁樣式,你可以根據個人喜好定義自己的class 一 決定樣式的配置 1.config num links 2 放在你當前頁碼的前面和後面的 數字 鏈結的數量。比方說值為 2 就會在每一邊放置兩個數字鏈...

html頁面button樣式

在過去的web開發中,通常使用photoshop來設計按鈕的樣式。不過隨著css3技術的發展,你完全可以通過幾行 來定製乙個漂亮的按鈕,並且還可以呈現漸變 框陰影 文字陰影等效果。此類按鈕最大的優勢是省去了載入的步驟,並且非常易於編輯 擴充套件和定製,你只需要更改 即可。本文收集了10套基於css3...