CSS,即層疊樣式表,是一種用來美化和布局網頁的編程語言。在網頁中,按鈕是常用的一種交互元素,使用CSS可以方便地設定按鈕的格式。
/*設定按鈕*/ button { background-color: #4CAF50; /*設置背景顏色*/ border: none; /*去除邊框*/ color: white; /*設置字體顏色*/ padding: 15px 32px; /*設置內邊距*/ text-align: center; /*設置文本居中*/ text-decoration: none; /*去除下劃線*/ display: inline-block; /*使按鈕成為行內元素*/ font-size: 16px; /*設置字體大小*/ margin: 4px 2px; /*設置外邊距*/ cursor: pointer; /*設置鼠標懸浮效果*/ } /*設定鼠標懸浮時的效果*/ button:hover { background-color: #3e8e41; }
上述代碼首先使用button標簽選擇所有的按鈕元素,然后給它們設定背景顏色、去除邊框、設置字體顏色、內邊距、文本居中、去除下劃線、行內展示、字體大小、外邊距和鼠標懸浮效果。
接著,使用:hover偽類來設定鼠標懸浮按鈕時的效果。當鼠標懸浮在按鈕上時,背景顏色會改變為#3e8e41。
通過使用CSS設定按鈕的格式,可以提高網站的交互性和美觀度,讓用戶更加愉悅地使用網頁。
上一篇mysql復合唯一約束
下一篇mysql 比較兩個時間