| Use nested border |
|
|
|
|
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<title>Telling Real from Counterfeit</title>
<style type="text/css">
body {
margin: 3.5%;
color: #030;
background: #ffc;
font-family: Verdana, Arial, sans-serif;
font-size: 1.05em;
}
body div {
border-style: groove;
border-width: 8px;
border-color: green;
}
body div div {
margin: 0.25em;
padding: 0 1em 0.5em;
border-style: double;
border-width: 8px;
border-color: olive;
background: transparent;
}
h1 {
color: green;
background-color: #ffc;
font-family: Verdana, Arial, sans-serif;
font-size: 1.75em;
text-align: center;
border-top: 0;
}
h2 {
color: #606;
background: #ffc;
font-family: Arial, sans-serif;
}
address {
font-family: Garamond, serif;
text-align: center;
}
</style>
</head>
<body>
<div>
<div>
<h1>Header</h1>
<hr>
<address>
A<br>
E-Mail: <a href="mailto:[email protected]">[email protected]</a><br>
Web Address: <a href="">http://www.m.com</a>
</address>
</div>
</div>
</body>
</html>
|
|
|
|
| Related examples in the same category |
| 1. | 'border' Example | | | | 2. | border width, border style shorthand four values | | | | 3. | border width, border style shorthand one value | | | | 4. | border width, border style shorthand, three values | | | | 5. | border width, border style shorthand two values | | | | 6. | border: thin solid rgb(0, 0, 0) | | | | 7. | border: 1em solid black | | | | 8. | border: medium solid black | | | | 9. | border: thin solid black | | | | 10. | border: 1px solid rgb(0, 0, 0); | | | | 11. | border: 1px solid crimson; | | | | 12. | border: 1px solid gold; | | | | 13. | border: 1px solid rgb(200, 200, 200); | | | | 14. | Style sheet for border properties | | | | 15. | border-color: red green purple blue; border-width: thin medium thick .25cm; | | | | 16. | border overwrite | | | | 17. | Use border-bottom to draw line | | | | 18. | Dashed border | | | | 19. | border: 1px dashed #8a795d; | | | | 20. | Using image for border | | | | 21. | Border page border | | | | 22. | border: 1px solid green; | | | | 23. | When no border-color is specified, the border color is the value of the color property. | | | | 24. | border-style: solid dashed double inset; | | | | 25. | Border with default color | | | | 26. | border sets the size, pattern, and color of the border surrounding the padding. | | | | 27. | border: thick solid black | | | | 28. | Border shortcut setting | | | | 29. | border shortcut property takes three space-delimited values that represent the border's width, style, and color. | | | | 30. | border: 40px double black; creates a black, 40-pixel, double-line border. | | | | 31. | Border with specific setting for four directions | | | | 32. | This paragraph has a 1 pixel thick, solid black border around it. | | | | 33. | Border direction | | | | 34. | Set border to '3px dotted #33333;' | | | | 35. | Body border: 50px #666 ridge | | | | 36. | Add border for different columns together | | | | 37. | Combined style | | | | 38. | border:none is the default. | | | | 39. | Border's width cannot be negative because they are inside the margin. | | | | 40. | border property, can be used to specify border-width, border-style, and border-color for all four sides at once. | | | | 41. | Border cascade | | |
|