Note that there are some explanatory texts on larger screens.

plurals
  1. PO
    text
    copied!<p><a href="http://webdesign.about.com/od/intermediatetutorials/a/aa080502a.htm" rel="noreferrer"><code>BGColor</code></a> was deprecated in the W3C HTML 4.0 Specification.</p> <p>Newer Web sites and web applications use CSS (Cascading Style Sheets) to render the same thing, as follows:</p> <pre><code> body { background-color : #ffffff; } </code></pre> <p>For tables, do the following:</p> <pre><code>&lt;table&gt; &lt;tr id="row1"&gt; &lt;th&gt;Header 1&lt;/th&gt; &lt;td&gt;Cell 1&lt;/td&gt; &lt;td&gt;Cell 2&lt;/td&gt; &lt;/tr&gt; &lt;tr id="row2"&gt; &lt;th&gt;Header 2&lt;/th&gt; &lt;td&gt;Cell 3&lt;/td&gt; &lt;td&gt;Cell 4&lt;/td&gt; &lt;/tr&gt; &lt;tr id="row3"&gt; &lt;th&gt;Header 3&lt;/th&gt; &lt;td&gt;Cell 5&lt;/td&gt; &lt;td&gt;Cell 6&lt;/td&gt; &lt;/tr&gt; &lt;/table&gt; </code></pre> <p>And in your CSS:</p> <pre><code>th { text-align: center; font-weight: bold; vertical-align: baseline } td { vertical-align: middle } table { border-collapse: collapse; background-color: #ffffff } tr#row1 { border-top: 3px solid blue } tr#row2 { border-top: 1px solid black } tr#row3 { border-top: 1px solid black } </code></pre> <p>That will make it so the table will have a background color, and do different stuff with the rest of the table data/table rows.</p> <p>Simply put that in your style sheet and reference it on your web page like so:</p> <pre><code>&lt;link rel="stylesheet" href="style.css" TYPE="text/css" media="screen"&gt; </code></pre> <p>You can put just about whatever you like in your CSS, more information on CSS <a href="http://www.addedbytes.com/cheat-sheets/css-cheat-sheet/" rel="noreferrer">here</a>, and <a href="http://www.javascriptkit.com/dhtmltutors/cssreference.shtml" rel="noreferrer">here</a>.</p>
 

Querying!

 
Guidance

SQuiL has stopped working due to an internal error.

If you are curious you may find further information in the browser console, which is accessible through the devtools (F12).

Reload