商务网页第19课.pptx

;;;;;; html head titleDIV定位示例/title style type=text/css div.a{ position:static; font-size:18px; width:300px; height:130px; background-color:red; } div.b{ position:relative; top:auto;right:auto; bottom:auto;left:40px ; font-size:18px; width:300px; height:130px; background-color:blue; } ;;; html head titleDIV叠加次序/title style type=text/css div.a{ position:absolute;top:20px;right:auto; bottom:auto;left:40px; width:260px; height:200px; background-color: #006600; font-size:20px; z-index:1; } div.b{ position:absolute;top:70px;right:auto; bottom:auto;left:80px; width:260px; height:200px; background-color: #3300CC; font-size:20px; z-index:2; } div.c{ position:absolute;top:120px;right:auto; bottom:auto;left:120px; width:260px; height:200px; ;;; html head titleDIV浮动示例/title style type=text/css div{ width:300px; height:170px; background-color: #FF0099; font-family:宋体; font-size:20px; float:right; position: relative;top:20px;right:auto; bottom:10px;left:3px; } /style /head;;;