asp+access开源简单论坛(讨论QQ群 44757501)

QQ一健登录

微信扫一扫登录
热搜:
查看: 11  |  回复: 0
Dreamweaver网页设计形考任务四
楼主
发表于 11月19日 19:59
<html>

<head>

<style type="text/css">

body {background-color: yellow}

h1 {background-color: #00ff00}

h2 {background-color: transparent}

p {background-color: rgb(250,0,255)}

p.no2 {background-color: gray; padding: 20px;}

</style>

</head>

<body>

<h1>这是标题 1</h1>

<h2>这是标题 2</h2>

<p>这是段落</p>

<p class="no2">这个段落设置了内边距。</p>

</body>

</html>

(1)百分比

<html>

<head>

<style type="text/css">

p.small {line-height: 90%}

p.big {line-height: 200%}

</style>

</head>

<body>

<p>

这是拥有标准行高的段落。

在大多数浏览器中默认行高大约是 110% 到 120%。

这是拥有标准行高的段落。

这是拥有标准行高的段落。

这是拥有标准行高的段落。

</p>

<p class="small">

这个段落拥有更小的行高。

这个段落拥有更小的行高。

这个段落拥有更小的行高。

这个段落拥有更小的行高。

这个段落拥有更小的行高。

</p>

<p class="big">

这个段落拥有更大的行高。

这个段落拥有更大的行高。

这个段落拥有更大的行高。

这个段落拥有更大的行高。

这个段落拥有更大的行高。

</p>

</body>

</html>

(2)像素值

<html>

<head>

<style type="text/css">

p.small{ line-height: 10px }

p.big{ line-height: 30px }

</style>

</head>

<body>

<p>

这是拥有标准行高的段落。

在大多数浏览器中默认行高大约是 20px。

这是拥有标准行高的段落。

这是拥有标准行高的段落。

这是拥有标准行高的段落。

这是拥有标准行高的段落。

这是拥有标准行高的段落。

</p>

<p class="small">

这个段落拥有更小的行高。

这个段落拥有更小的行高。

这个段落拥有更小的行高。

这个段落拥有更小的行高。

这个段落拥有更小的行高。

这个段落拥有更小的行高。

这个段落拥有更小的行高。

</p>

<p class="big">

这个段落拥有更大的行高。

这个段落拥有更大的行高。

这个段落拥有更大的行高。

这个段落拥有更大的行高。

这个段落拥有更大的行高。

这个段落拥有更大的行高。

这个段落拥有更大的行高。

</p>

</body>

</html>
  • 153406153
您需要登录后才可以回帖 登录 | 立即注册
本版版规
请不要发布与政治、色情、反动、赌博等其他相关违法帖子,一经发现,作锁定帐号或删除帐号处理。
用户登录
用户名: 立即注册
密码:
快捷登录 :
Powered by 小清论坛 v2.2.2
2016-2021 www.mlmzj.com
手机版 | 小黑屋 | 直销软件 |
GMT+8,2021-12-8 1:20:23
扫一扫访问