CSS边框和背景相关属性-CSDN博客

本文链接：https://blog.csdn.net/linhaiyun_ytdx/article/details/52594542

代码：

<!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">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>文本相关属性</title>
 <style type="text/css">
    .one{font-size:18px; font-family:Arial, Helvetica, sans-serif; font-style:oblique}
	.one b{font-weight:normal; font-size: 2em}
	.two{ font-size:20px; line-height:100px; color:red; letter-spacing:10px; word-spacing:50px; text-indent:30px; text-transform:uppercase; text-decoration:underline; text-align:center}
	#three{ width:200px; height:300px; 
	/*border-left-width:2px; border-color:red; border-style:dashed*/
	border:2px red dashed
	}
	body{
		/*
		background:url(lin.jpeg);
		background-position:200px 150px;
		background-repeat:no-repeat;
		background-repeat:repeat-x;
	     background-repeat:repeat-y;
		background-attachment:fixed;*/
		background:url(lin.jpeg) 200px 150px fixed no-repeat;
	}
 </style>
</head>

<body>
   <p class="one">我的名<b>字</b>叫jack,今年30岁</p>
   <p class="two">My name is rose,eightteen years old</p>
   <p id="three">带边框的p标签</p>
</body>
</html>

制作截图：