border: 1px dashed #8a795d;
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>*KHAKI*</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<style rel="stylesheet" type="text/css">
.post {
padding: 3px;
margin: 20px 10px 10px 5px;
border: 1px dashed #8a795d;
font-size: 80%;
color: #aaa;
background: #fff;
}
.post .date {
background: url(img/clock.gif) no-repeat left center;
padding-left: 15px;
margin: 0 15px 0 5px;
}
.post .comments {
background: url(img/comment.gif) no-repeat left center;
padding-left: 15px;
margin: 0 15px 0 5px;
}
.post .readmore {
background: url(img/document.gif) no-repeat left center;
padding-left: 15px;
margin: 0 15px 0 5px;
}
</style>
</head>
<body>
<p class="post"> <a href="" class="readmore">Read more</a> <a href="" class="comments">Comments (3)</a> <span class="date">April 26, 2007</span> </p>
</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. | Using image for border | | |
20. | Border page border | | |
21. | border: 1px solid green; | | |
22. | When no border-color is specified, the border color is the value of the color property. | | |
23. | border-style: solid dashed double inset; | | |
24. | Border with default color | | |
25. | border sets the size, pattern, and color of the border surrounding the padding. | | |
26. | border: thick solid black | | |
27. | Border shortcut setting | | |
28. | border shortcut property takes three space-delimited values that represent the border's width, style, and color. | | |
29. | border: 40px double black; creates a black, 40-pixel, double-line border. | | |
30. | Border with specific setting for four directions | | |
31. | This paragraph has a 1 pixel thick, solid black border around it. | | |
32. | Border direction | | |
33. | Set border to '3px dotted #33333;' | | |
34. | Body border: 50px #666 ridge | | |
35. | Add border for different columns together | | |
36. | Combined style | | |
37. | border:none is the default. | | |
38. | Border's width cannot be negative because they are inside the margin. | | |
39. | Use nested border | | |
40. | border property, can be used to specify border-width, border-style, and border-color for all four sides at once. | | |
41. | Border cascade | | |