题目：
设计一个页面，达到如图所示的文字效果
代码：
html:
<!doctype html>
<html>
<head>
<meta charset="UTF-8">
<title>皮皮鲁送你100条命儿童安全百科</title>
<link rel="stylesheet" href="./css/fontstyle.css">
</head>
<body>
<p>皮皮鲁送你100条命儿童安全百科<p>
<p class="tip">(1-8辑，全16册)<p>
<p class="price">¥290.80<p>
<p class="oprice">476.80<p>
</body>
</html>
css:
p.tip
{
text-indent: 12px;
}
p.price
{
font-size:20px;
color:#900;
font-weight:bold;
}
p.oprice
{
text-decoration:line-through;
color:#808080;
}
运行结果：
扫一扫
8661
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
