<!doctype html>
<html>
<head>
<title>font-style&position</title>
<meta charset="utf-8" />
<meta http-equiv="Content-type" content="text/html; charset=utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1" />
<style type="text/css">
p{
font-size: 30px;
font-family: "Comic Sans MS", cursive, sans-serif
/*字體家族*/
}
.bold{
font-weight: bold;
color: blue;
font-size: 150%;
}
.italic{
font-style: italic;
}
.underline{
text-decoration: underline;
/*decoration 裝飾*/
}
.bluebox{
width: 400px;
height: 300px;
color: yellow;
background-color: blue;
text-align: justify;
/*text-align屬性:right置右 left置左 center置中 justify調節*/
}
</style>
</head>
<body>
<div class="bluebox">
<p>This is some text.This is some text.This is some text.This is some text.This is some text.This is some text.This is some text.</p>
</div>
<p class="bold">This is some bold text</p>
<p class="italic">This is some <span class="underline">italic</span></p>
</body>
</html>
留言列表
Impression (1)
