Extreme Coding
Would you like to react to this message? Create an account in a few clicks or log in to continue.

Extreme Coding


 
HomeSearchLatest imagesRulesStaff ListRegisterLog in

Share | 
 

 Pressed box with CSS

View previous topic View next topic Go down 
AuthorMessage


McStormify


McStormify

Administrator

Posts : 75
Tokens : 87

PostSubject: Pressed box with CSS   Pressed box with CSS I_icon_minitimeFri Nov 05, 2010 3:38 pm


How to make a pressed box with CSS
Written by McStormify



Hey there, Guest!

Today, I'll be showing you how to make a pressed box with CSS.

Click here for a demo.

Ok, so here we go. It's simple really. Here is the CSS Code:

Code:
.pressed {
   color: #fff;
   padding: 20px;
   background: #111;
   border: 1px solid #000;
   border-right: 1px solid #353535;
   border-bottom: 1px solid #353535;
   -webkit-border-radius: 5px;
   -moz-border-radius: 5px;
   border-radius: 5px;
}

To place it inside a HTML page, just paste the code between the <head> tags.

That's all. So it's pretty simple really.

Thanks,
McStormify


Notice : This tutorial is copyrighted by Extreme Coding. You may not publish it on anywhere without written permission from the administrators.
Back to top Go down
https://extremecoding.forumotion.com
 

Pressed box with CSS

View previous topic View next topic Back to top 
Page 1 of 1

Permissions in this forum:You cannot reply to topics in this forum
Extreme Coding :: Extreme Coding :: Tutorial Proposal-
Jump to:  


Create a forum | ©phpBB | Free forum support | Report an abuse | Forumotion.com