HTML and CSS Reference
In-Depth Information
Example 3.14: Using a table to display border styles (continued)
<td style="border-style: inset"></td>
<td style="border-style: outset"></td>
Figure 3.14: Ten different border style types
he border-style value of hidden appears to have the same efect as the
value none . hat is, both values cause the browser to draw a border with a 0
width. his is unfortunate, because it would be useful to keep the border's
space and color without showing it. Consider the following HTML, which sets
up a horizontal menu of two links:
<style type="text/css">
li { list-style-type: none; float: left; padding: 1em; }
li a { text-decoration: none; }
li a:hover { border-style: solid; }
. . .
<li><a href="here.html"> link 1 </a></li>
<li><a href="there.html"> link 2 </a></li>
Search WWH ::

Custom Search