color:颜色
font-size:字体大小,单位px和em
text-align:文本对齐方式 ,left/right/center
line-height:行高
border:边框 通常为border:1px solid red;(1px可以换成其他像素 red可以换成其他颜色)
height:高度
width:宽度
background:url(“图片路径”) no-repeat center
no-repeat:不重复
center:居中
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Title</title>
<style>
p{
color: #FF0000;
font-size: 20px;
text-align: center;
line-height: 200px;
/*
border 边框
*/
border: 1px solid red;
}
div{
border: 1px solid blue;
/*
尺寸
*/
height: 200px;
width: 200px;
/*
背景
*/
background: url("img/logo.jpg")no-repeat center;
}
</style>
</head>
<body>
<p>黑马程序员</p>
<div>黑马程序员</div>
</body>
</html>