Add margin, padding and set color for DD : dd « Tags « HTML / CSS

Home
HTML / CSS
1.CSS
2.CSS Controls
3.Form
4.IE Firefox
5.Layout
6.Marquee Attributes
7.Meta Tags
8.Microsoft Attributes
9.Object
10.Reference
11.Style Basics
12.Tags
13.Templates
14.XML
HTML / CSS » Tags » dd 




Add margin, padding and set color for DD
  
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
    "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
<head>
  <meta http-equiv="content-type" content="text/html; charset=utf-8" />
  <style type="text/css" media="screen">
  #divID dd {
    margin-left: 15px;
    padding-left: 15px;
    color: #999;
    background: url(img/dd_arrow.gifno-repeat 0 2px;
    }
  </style>
</head>

<body>


<div id="divID">
<dl>
  <dt>CSS</dt>
  <dd>A simple mechanism for adding style (e.g. fonts, colors, spacingto Web documents.</dd>
  <dt>XHTML</dt>
  <dd>A family of current and future document types and modules that reproduce, subset, and extend HTML, reformulated in XML.</dd>
  <dt>XML</dt>
  <dd>A simple, very flexible text format derived from SGML.</dd>
</dl>
</div>



</body>
</html>

   
  














Related examples in the same category
1.Add background image for DD
2.dl, dt and dd
3.'dd': Definition description
java2s.com  | Contact Us | Privacy Policy
Copyright 2009 - 12 Demo Source and Support. All rights reserved.
All other trademarks are property of their respective owners.