h2 border-bottom: 10px solid #666; : Header border « Tags « HTML / CSS






  1. HTML / CSS
  2. Tags
  3. Header border

h2 border-bottom: 10px solid #666;

  

<!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; 
 background-image: url(http://java2s.com/style/logo.png);
 background-repeat: repeat-x;
 background-position: bottom;
 border-bottom: 10px solid #666;
 margin: 10px 0 0 0;
 padding: 0.5em 0 60px 0;
}


</style>
</head>

<body>
  <h2>Welcome to the Tall Grass National Prairie Preserve</h2>
  <p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Etiam ligula nulla, blandit quis, vehicula sed, blandit ut, lorem. Vestibulum magna magna, suscipit eu, condimentum nec, molestie vitae, ligula. Phasellus molestie orci convallis diam. Donec eget arcu. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos hymenaeos. Ut nibh nisi, varius eu, interdum at, viverra at, est. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Praesent a lacus in nunc feugiat ullamcorper. Quisque tristique, ante eget interdum rhoncus, pede risus ullamcorper dolor, vel adipiscing dui enim a elit. Donec eu magna non mauris blandit elementum.</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-style: dashed;
5.h2 border-bottom-color: black;
6.h2 border-top-width: 10px;
7.h2 border-top-style: solid;
8.h2 border-top-color: black;
9.h2 border: 3px dotted #33333;
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;