html - how to make a css border for div -


i used link how set border html div tag make css border div tag.

<!doctype html> <html> <head>  <style type="text/css">      #box{         border: 5px solid black;     }  </style>  </head> <body>      <div id="box">         sign in     </div>  </body> </html> 

if put border: 10px; or border-right: 5px solid black; then, there no border. why happen ?

border: 10px; not work because border requires @ least style because there no default style, default color black don't need color. following work

#box {     border: 10px solid; } 

border-right: 5px solid black; same border-right: 5px solid; , display, div block element , such takes entire width of container (just @ right side of page)

now if want border directly beside text can turn block element div inline-block element

#box {     display: inline-block;     border-right: 5px solid black; } 

also can set each border property individually so

#box {     border-width: 5px;     border-style: solid;     border-color: black; } 

or 1 side so

#box {     border-right-width: 5px;     border-right-style: solid;     border-right-color: black; } 

Comments

Popular posts from this blog

angularjs - ADAL JS Angular- WebAPI add a new role claim to the token -

php - CakePHP HttpSockets send array of paramms -

node.js - Using Node without global install -