Add background image for DD : dd « Tags « HTML / CSS






  1. HTML / CSS
  2. Tags
  3. dd

Add background image 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.gif) no-repeat 0 2px;
  }
  </style>
</head>

<body>


<div id="divID">
<dl>
  <dt>CSS</dt>
  <dd>A simple mechanism for adding style (e.g. fonts, colors, spacing) to 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 margin, padding and set color for DD
2.dl, dt and dd
3.'dd': Definition description