blockquote border-left: 4px solid #ccc; : blockquote « Tags « HTML / CSS






  1. HTML / CSS
  2. Tags
  3. blockquote

blockquote border-left: 4px solid #ccc;

   

<head>
<title></title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<style rel="stylesheet" type="text/css">


blockquote {
  background: url(img/menubg.gif) repeat-x bottom left #f4f4f4;
  border-bottom: 1px solid #d8d8d8;
  border-left: 4px solid #ccc;
  border-right: 1px solid #d8d8d8;
  border-top: 1px solid #d8d8d8;
  color: #505050;
  margin: 16px;
  padding: 7px 7px 7px 11px;
}

</style>

</head>
<body>
  <div id="footer">
    <blockquote>Copyright &copy; 2007 Your Name | Design by <a href="/">Link</a> | <a href="">Homepage</a></blockquote>
  </div>

</body>
</html>








Related examples in the same category

1.blockquote tag
2.Set margin, padding and color for blockquote
3.Style for blockquote and paragraph in a blockquote
4.Different background for blockquote and paragraph in a blockquote
5.border for blockquote
6.blockquote margin: 0;
7.blockquote padding: 0;
8.blockquote color: #555;
9.blockquote float: left;
10.blockquote width: 200px;
11.blockquote margin: 0 0.7em 0 0;
12.blockquote padding: 0.7em;
13.blockquote color: #666;
14.blockquote background-color: black;
15.blockquote font-family: Georgia, Times, "Times New Roman", serif;
16.blockquote font-size: 1.5em;
17.blockquote font-style: italic;
18.blockquote border-top: 1em solid #999;
19.blockquote border-bottom: 1em solid #999;
20.blockquote with image
21.blockquote background: url(img/menubg.gif) repeat-x bottom left #f4f4f4;
22.blockquote border-bottom: 1px solid #d8d8d8;
23.blockquote border-right: 1px solid #d8d8d8;
24.blockquote border-top: 1px solid #d8d8d8;
25.blockquote color: #505050;
26.blockquote margin: 16px;
27.blockquote padding: 7px 7px 7px 11px;
28.blockquote font-weight: bold;
29.blockquote color: #B29B35;
30.Quotation layout
31.blockquote:before {content: open-quote;} blockquote:after {content: close-quote;}
32.'blockquote' Example