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>