实例
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>遮罩案例</title>
<!-- <link rel="stylesheet" href="css/demo04.css"> -->
<style>
/* 浏览器边距清零 */
*{
margin: 0;
padding: 0;
}
/* 给body添加样式 */
body{
width: 100%;
height: 3000px;
background-color: beige;
}
.abs{
width: 300px;
height: 200px;
background-color:pink;
/* 使用绝对定位 */
position: fixed;
/* 固定到右下角 */
right: 0px;
bottom:0px;
}
.abs button{
/* 给按钮设定位置 */
float:right;
margin-right:5px;
}
</style>
</head>
<body>
<div class="abs">
<!-- 创建关闭按钮 -->
<button
onclick="this.parentNode.style.display='none'">关闭
</button>
<h3>php中文网2019火爆进行中......</h3>
</div>
</body>
</html>运行实例 »
点击 "运行实例" 按钮查看在线实例
