|
【优极限】 HTML+CSS+JavaScript+jQuery前端必学教程，小白教学，前端基础全套完成版_哔哩哔哩_bilibili
<!DOCTYPE html>
<html>
?? ?<head>
?? ??? ?<meta charset="utf-8" />
?? ??? ?<title>css常用属性</title>
?? ??? ?<style type="text/css">
?? ??? ??? ?#div1{
?? ??? ??? ??? ?width: 500px;
?? ??? ??? ??? ?height: 500px;
?? ??? ??? ??? ?/*背景颜色*/
?? ??? ??? ??? ?background-color:#EEEBAA;
?? ??? ??? ??? ?/*背景图片*/
?? ??? ??? ??? ?background-image: url(./img/王也.jpg);
?? ??? ??? ??? ?/*是否重复*/
?? ??? ??? ??? ?background-repeat: repeat-x;
?? ??? ??? ??? ?text-indent: 3em;
?? ??? ??? ?}
?? ??? ??? ?#div2{
?? ??? ??? ??? ?color: aqua;
?? ??? ??? ??? ?text-align:center;
?? ??? ??? ??? ?
?? ??? ??? ??? ?text-decoration: line-through overline;
?? ??? ??? ??? ?
?? ??? ??? ?}
?? ??? ??? ?a{text-decoration: none;}
?? ??? ??? ?#p1{
?? ??? ??? ??? ?text-align:justify;?
?? ??? ??? ?}
?? ??? ??? ?h2{display: block;}
?? ??? ??? ?#d1{
?? ??? ??? ??? ?width: 100px;
?? ??? ??? ??? ?height:100px;
?? ??? ??? ??? ?background-color: brown;
?? ??? ??? ??? ?float:left;
?? ??? ??? ?}
?? ??? ??? ?#d2{
?? ??? ??? ??? ?width: 100px;
?? ??? ??? ??? ?height: 100px;
?? ??? ??? ??? ?background-color: black;
?? ??? ??? ??? ?float: right;
?? ??? ??? ?}
?? ??? ??? ?#p2{
?? ??? ??? ??? ?width: 100px;
?? ??? ??? ??? ?height:100px;
?? ??? ??? ??? ?background-color:#00FFFF;
?? ??? ??? ??? ?border: #000000 5px outset;
?? ??? ??? ??? ?
?? ??? ??? ?}
?? ??? ??? ?#p3{width: 100px;
?? ??? ??? ??? ?height:100px;
?? ??? ??? ??? ?background-color:#00FFFF;
?? ??? ??? ??? ?border: #000000 5px outset;
?? ??? ??? ??? ?padding-left:20px;
?? ??? ??? ??? ?margin-top: 100px;
?? ??? ??? ??? ?margin-left: 100px;
?? ??? ??? ??? ?}
?? ??? ??? ??? ?
?? ??? ?</style>
?? ?</head>
?? ?<body>
?? ?<!--背景
?? ??? ??? ?背景颜色
?? ??? ??? ?背景图片
?? ??? ??? ?是否重复
?? ?-->
?? ??? ?<div id="div1">
?? ??? ??? ?hello
?? ??? ?</div><hr>
?? ??? ?<div id="div2">
?? ??? ??? ?hello world
?? ??? ?</div>
?? ??? ?<a href="">百度</a><hr>
?? ??? ?
?? ??? ?<p id="p1">
?? ??? ??? ?庐州月光，洒在心上，月下的你不复当年模样庐州月光，洒在心上，月下的你aa不复当年模样庐州月光，洒在心上，月下的你不复当年模样
?? ??? ??? ?庐州月光，洒在心上，月下的你不复aaaaaa当年模样庐州月光，洒在心上，月下的你不复当年模样庐州月光，洒在心上，月下的你不复当年模样
?? ??? ??? ?庐州月光，洒在心上，月下的你不复当年模样庐州月光，洒在心aa上，月下的你不复当年模样庐州月光，洒在心上，月下的你不复当年模样
?? ??? ??? ?庐州月光，洒在心上，月下的你不复当年模样庐州月光，洒在心上，月下的你不复当年模样庐州月光，洒在心上，月下的你不复当年模样
?? ??? ??? ?庐州月光，洒在心上，月下的你不复当年模样庐州月光，洒在心上，月下的你不复当aa年模样庐州月光，洒在心上，月下的你不复当年模样
?? ??? ?</p><hr>
?? ??? ?<h2>hello</h2>
?? ??? ?<div id="d1"></div>
?? ??? ?<div id="d2"></div>
?? ??? ?<hr>
?? ??? ?<div id="p2"></div><hr>
?? ??? ?<div id="p3"></div>
?? ?</body>
</html>
|