样式表style
<style type="text/css">
body {
background-color: #d2b48c;//网页背景颜色
margin-left: 20%;//样式表部分左边距
margin-right: 20%;//右边距
border: 1px dotted black;//设计边框 粗细1px,黑色点线
padding: 10px 10px 10px 10px;//设置四个内边距
font-family: sans-serif;//为段落设置字体
}
</style>
1、border-style(边框样式)常见样式有:
dashed(虚线)| dotted(点线)| solid(实线)。
2、border-color(边框颜色)中的颜色可设置为十六进制颜色,如:
border-color:#888;//前面的井号不要忘掉。
3、border-width(边框宽度)中的宽度也可以设置为:
thin | medium | thick(但不是很常用),最常还是用象素(px)。
<ol>
<li>咖啡</li>
<li>牛奶</li>
<li>茶</li>
</ol>
<ol start="50">
<li>咖啡</li>
<li>牛奶</li>
<li>茶</li>
</ol>
结果:
blockquote 元素
在元素前后添加了换行,并增加了外边距。
示例:
<html>
<body>
Here comes a long quotation:
<blockquote>
This is a long quotation. This is a long quotation. This is a long quotation. This is a long quotation. This is a long quotation.
</blockquote>
请注意,浏览器在 blockquote 元素前后添加了换行,并增加了外边距。
</body>
</html>
ul标签
<html>
<body>
<h4>一个无序列表:</h4>
<ul>
<li>咖啡</li>
<li>茶</li>
<li>牛奶</li>
</ul>
</body>
</html>