css-border-color RUN
 
1
<!DOCTYPE html>
2
<html>
3
    <head>
4
        <style>
5
            p {
6
              width: 200px;
7
            }
8
            p.dotted {border-style: dotted;
9
              border-width: 10px;
10
              border-color: red;
11
            }
12
            p.dashed {border-style: dashed;
13
               border-left-width: 20px;
14
              border-color: yellow;
15
            }
16
            p.solid {border-style: solid;
17
              border-right-width: thin;
18
              border-left-color: green;
19
            }
20
            p.double {border-style: double;
21
              border-width: thick;
22
              border-right-color: #23dd45;
23
            }
24
            p.groove {border-style: groove;
25
              border-top-width: thin;
26
              border-bottom-color: rgb(244,12,211);
27
            }
28
            p.ridge {border-style: ridge;
29
              border-width: 0px;
30
31
             }
32
            p.inset {border-style: inset;}
33
            p.outset {border-style: outset;}
34
            p.none {border-style: none;
35
               border-width: 10px;
36
            }
37
            p.hidden {border-style: hidden;
38
               border-width: 20px;
39
            }
40
            p.mix {border-style: dotted;}
41
        </style>
42
    </head>
43
    <body>
44
          <p class="dotted">Đây là kiểu dotted.</p>
45
          <p class="dashed">Đây là kiểu border.</p>
46
          <p class="solid">Đây là kiểu solid.</p>
47
          <p class="double">Đây là kiểu double.</p>
48
          <p class="groove">Đây là kiểu groove.</p>
49
          <p class="ridge">Đây là kiểu ridge.</p>
50
          <p class="inset">Đây là kiểu inset.</p>
51
          <p class="outset">Đây là kiểu outset.</p>
52
          <p class="none">Đây là kiểu none.</p>
53
          <p class="hidden">Đây là kiểu hidden.</p>
54
          <p class="mix">Đây là kiểu mixed.</p>
55
    </body>
56
</html>
PHÓNG TO