HTML/CSS/Box Model/border bottom
Содержание
Add bottom dotted green
<source lang="html4strict">
<!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" /> <title>Anchors</title> <style type="text/css" media="screen"> body { font-family: verdana, sans-serif; font-size: 12px; } div { margin-bottom: 50px; } #divID a:link { color: green; text-decoration: none; border-bottom: 1px dotted green; } </style>
</head> <body>
<a href="#oranges">About Oranges</a>
</body> </html>
</source>
border-bottom: 1px solid #778
<source lang="html4strict">
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"> <head> <title></title> <style type="text/css">
- navsite ul {
padding: 3px 0; margin-left: 0; border-bottom: 1px solid #778; font: bold 12px Verdana, sans-serif;
} </style> </head> <body>
</body> </html>
</source>
border-bottom: 1px solid steelblue
<source lang="html4strict">
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en">
<head> <title>text-align</title> <style rel="stylesheet" type="text/css">
body {
font: 12px sans-serif;
} h1 {
font: 14px sans-serif; margin: 0; color: darkslateblue; border-bottom: 1px solid steelblue;
}
</style> </head> <body>
header
</body>
</html>
</source>
border-bottom shortcut: 2px dashed black;
<source lang="html4strict">
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"> <head> <title>border-bottom shortcut: 2px dashed black;</title> <style type="text/css"> h2 {
border-bottom: 2px dashed black;
} p {
margin: 0; padding: 10px 0 0 0;
} </style> </head> <body>
This is a header
This is a test
</body> </html>
</source>