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>
</tr>
</table>
</body>
</html>
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; }
</style>
. . .
<ul>
<li><a href="here.html">
link 1
</a></li>
<li><a href="there.html">
link 2
</a></li>
</ul>