h2 border-bottom-style: dashed; : Header border « Tags « HTML / CSS






h2 border-bottom-style: dashed;

  

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
  "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">

<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title></title>
<style type="text/css">
h2 {
 font: bold italic 2em Georgia, Times, "Times New Roman", serif;
 border-bottom-width: 2px;
 border-bottom-style: dashed;
 border-bottom-color: black;
 border-top-width: 10px;
 border-top-style: solid;
 border-top-color: black;
 margin: 0;
 padding: 0.5em 0 0.5em 0;
 font-size: 1em;
}
p {
 margin: 0;
 padding: 10px 0 0 0;
}

</style>
</head>

<body>
  <h2>Designing Instant Gratification</h2>
  <p>Online, activity of exchanging ideas is sped up. The 
  distribution of messages from the selling of propaganda to the
  giving away of disinformation takes place at a blindingly fast
  pace thanks to the state of technology&hellip;</p>
</body>
</html>

   
    
  








Related examples in the same category

1.h2 border-bottom: 2px dashed black;
2.h2 border-top: 10px solid black;
3.h2 border-bottom-width: 2px;
4.h2 border-bottom-color: black;
5.h2 border-top-width: 10px;
6.h2 border-top-style: solid;
7.h2 border-top-color: black;
8.h2 border: 3px dotted #33333;
9.h2 border-bottom: 10px solid #666;
10.h1 border-bottom: 1px solid rgb(200, 200, 200);
11.h2 border-bottom: 1px solid rgb(200, 200, 200);
12.h3 border-bottom: 1px solid rgb(200, 200, 200);
13.h4 border-bottom: 1px solid rgb(200, 200, 200);
14.h5 border-bottom: 1px solid rgb(200, 200, 200);
15.h6 border-bottom: 1px solid rgb(200, 200, 200);
16.h1 border-bottom: 1px solid #aaaaaa;
17.h1 font-size: 2.1em;background: pink;padding: 1em;border: thin solid black;
18.h1 border: thin solid rgb(0, 0, 0);
19.H1 border-bottom: 1px solid #CBC9C7;
20.h1 border-bottom: 1px solid steelblue;
21.h4 border-bottom: 1px solid green;
22.h2 color: orange; border: 4px solid orange;