網頁設計

純CSS將Radio button美化與開關型整理(上)

radio
較常使用到開關型的地方,應該是在手機版許多的使用者設定頁面會看到,類似電源開關的ON和OFF按鈕。純CSS美化Radio button,讓使用者操作更直覺且質感提升不少!相信如果橫向與縱向的程式能夠看懂並且懂得如何修改這些程式碼的話,我想下集的變化型肯定難不倒你的!
閱讀全文

Radio button和Checkbox放大並自訂樣式

checkbox
Radio button和Checkbox按鈕透過CSS的方式修改,這裡就用程式碼直接讓你學會,不只讓你能將按鈕變大顆,也能教你把按鈕透過CSS自訂成想要的樣式噢!如果還想要自訂樣式擁有更多元化的呈現,我們使用的是::before 和 ::after的方式來呈現,讓HTML更簡潔!
閱讀全文