div border: 1px solid rgb(154, 157, 203); : div border « Tags « HTML / CSS






div border: 1px solid rgb(154, 157, 203);

     
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<html>
    <head>
        <title>margin</title>
<style type='text/css'>
body {
    margin: 10px;
    padding: 0;
}
div div {
    width: 50px;
    height: 50px;
    background: rgb(218, 220, 243);
    border: 1px solid rgb(154, 157, 203);
    text-align: left;
}
div#left {
    text-align: left;
}
div#center {
    text-align: center;
}
div#right {
    text-align: right;
}
</style>


    </head>
    <body>
        <div id='left'>asdf
            <div>asdf</div>
        </div>
        <div id='center'>asdf
            <div>asdf</div>
        </div>
        <div id='right'>asdf
            <div>asdf</div>
        </div>
    </body>
</html>

   
    
    
    
    
  








Related examples in the same category

1.div border-width: thin;
2.div border-width: medium;
3.div border-width: thick;
4.div border-color: khaki;
5.div border-style: solid;
6.div border-top-width: 2px;
7.div border-right-width: 4px;
8.div border-bottom-width: 8px;
9.div border-left-width: 10px;
10.div border-width: 2px 4px 8px 10px;
11.div border-width: 2px 4px 8px;
12.div border-width: 8px 4px;
13.div border-width: 4px;
14.div border-color: red;
15.div border-top-style: solid;
16.div border-right-style: dashed;
17.div border-bottom-style: double;
18.div border-left-style: inset;
19.div border-style: solid dashed double inset;
20.div border: 1px solid rgb(128, 128, 128);
21.div border: 5px double #000000;
22.div border-right: 1px solid #000000;
23.Div border: none;
24.Div border-top: 1px solid #9E6E2E;
25.DIV border: 1px solid #ccc;
26.DIV border-bottom: 1px dashed #ddd;
27.DIV border-bottom: 1px solid #d8d8d8;
28.DIV border-left: 4px solid #ccc;
29.DIV border-right: 1px solid #d8d8d8;
30.DIV border-top: 1px solid #d8d8d8;
31.Set border of DIV to 5px double #000000
32.Set right border of DIV to 1px solid #000000