XP.css – Windows XP CSS file and framework for building GUIs
source link: https://botoxparty.github.io/XP.css/
Go to the source link to view the article. You can view the picture content, updated content and better typesetting reading experience. If the link is broken, please click the button below to view the snapshot at that time.
A command button , also referred to as a push button, is a control that causes the application to perform some action when the user clicks it.
A standard button measures 75px wide and 23px tall, with a raised outer and inner border. They are given 12px of horizontal padding by default.
<button>Click me</button>
When buttons are clicked, the raised borders become sunken. The following button is simulated to be in the pressed (active) state.
<button>I am being pressed</button>
Disabled buttons maintain the same raised border, but have a "washed out" appearance in their label.
<button disabled>I cannot be clicked</button>
Button focus is communicated with a dotted border, set 4px within the contents of the button. The following example is simulated to be focused.
<button>I am focused</button>
Recommend
About Joyk
Aggregate valuable and interesting links.
Joyk means Joy of geeK