html - How to customize a div using css with shadow and color -
i trying create form contains various customized effect box shadow etc.i trying create header of form example application
i have tried , made fiddle how ?? can not achieve. here fiddle link my fiddle
this effort have made create header of form
#headerlabel{ background-color: #3d6cad; display: inline; float: left; font-weight: bold; margin: 33px 10px 2px; text-align: right; width: 135px; color:white; }
somebody please
here go code.
dont use tables layout.
this simple example hope asking for:
css:
* { margin: 0; padding: 0; box-sizing:border-box; } body { font: 100%/1.6 'open-sans',sans-serif; } { text-decoration: none; color:#f4f4f4; } .header { width: 100%; padding: 1em 3em; background:#3d6cad; color:#fff; font-size: 0.8em; } .header h3 { font-size: 1.2em; color:#f2f2f2; font-weight: normal; } .header p { color:#f4f4f4; font-size: 0.9em; } .sub-text { }
html:
<html> <head> <meta charset="utf-8" /> <title>document</title> <link href='http://fonts.googleapis.com/css?family=open+sans' rel='stylesheet' type='text/css'> </head> <body> <div class="header"> <h3 class="user">jeet chartet</h3> <p class="sub-text"> <a href="#">sda @ dsa</a> </p> </div> </body> </html>
Comments
Post a Comment