Box Border February 24, 2015 Get link Facebook X Pinterest Email Other Apps Box Border <!DOCTYPE> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <link rel="stylesheet" href="css.css" /> <title>css class</title> <style> .test{ height:100px; width:300px; background:#333333; padding:10px; margin:10px; border: 2px solid #0000FF; } .test p{ color:#FFFFFF; font-size:16px; text-shadow: 3px 2px 3px #00ff00; } </style> </head> <body> <div class="test"> <p> Box Border</p> </div> </body> </html> Second Style Border <style> .test{ height:100px; width:300px; background:#333333; padding:10px; margin:10px; border: 10px solid #999999; } .test p{ color:#FFFFFF; font-size:16px; text-shadow: 3px 2px 3px #00ff00; } </style> Border-Top <style> .test{ height:100px; width:300px; background:#333333; padding:10px; margin:10px; border-top: 10px solid #009999; } .test p{ color:#FFFFFF; font-size:16px; text-shadow: 3px 2px 3px #00ff00; } </style> Border-Right <style> .test{ height:100px; width:300px; background:#333333; padding:10px; margin:10px; border-right: 10px solid #009999; } .test p{ color:#FFFFFF; font-size:16px; text-shadow: 3px 2px 3px #00ff00; } </style> Border-Left <style> .test{ height:100px; width:300px; background:#333333; padding:10px; margin:10px; border-left: 10px solid #009999; } .test p{ color:#FFFFFF; font-size:16px; text-shadow: 3px 2px 3px #00ff00; } </style> Border Bottom <style> .test{ height:100px; width:300px; background:#333333; padding:10px; margin:10px; border-bottom: 10px solid #009999; } .test p{ color:#FFFFFF; font-size:16px; text-shadow: 3px 2px 3px #00ff00; } </style> Comments
Comments
Post a Comment