Wednesday, 19 October 2016
PADDING BUTTON
------------------------------------------------------------------------------------------------------------
READ MORE:
http://www.w3schools.com/css/css_padding.asp
------------------------------------------------------------------------------------------------------------
CODE:
------------------------------------------------------------------------------------------------------------
<!DOCTYPE html>
<html>
<head>
<style>
.w3-green-hover-whitew3-hover-text-green{
border:none;
display:block;
/*HERE 8px=HEIGHT &
16px=WIDTH*/
/*HERE WIDTH IS DOUBLE
OF HEIGHT*/
padding:8px 16px;
/*#4CAF50=Green*/
background-color:#4CAF50
!important;
color:#FFFFFF
!important;
}
</style>
</head>
<body>
<button class="w3-green-hover-whitew3-hover-text-green" onclick="submitTryit(1)">Run </button>
</body>
</html>
------------------------------------------------------------------------------------------------------------
Subscribe to:
Post Comments (Atom)
i read complete article about css padding.
ReplyDeletecss padding