Adjust button sizes according to screen resolutions - HTML CSS CSS Form

HTML CSS examples for CSS Form:input button layout

  1. HOME
  2. HTML CSS
  3. CSS Form
  4. input button layout

Description

Adjust button sizes according to screen resolutions

Demo Code

ResultView the demo in separate window 

<html>
 <head> 
  <meta name="viewport" content="width=device-width, initial-scale=1"> 
  <style id="compiled-css" type="text/css">

.tri-button {<!--   w  w  w.ja  v  a 2  s .  c om-->
   width: 0;
   height: 0;
   border-left: 50px solid transparent;
   border-right: 50px solid transparent;
   border-bottom: 80px solid black;
}


      </style> 
 </head> 
 <body> 
  <a href="#"> 
   <div class="tri-button"></div> </a>  
 </body>
</html>

Related Tutorials