代碼:
<!DOCTYPE html>
<html lang="zh-cn">
<head>
<meta charset="UTF-8">
<title>Title</title>
<style>
.adv {
/*調整廣告圖位置*/
position: fixed;
right: 10px;
bottom: -20px;
/*透明度 使得可以看見下面內容*/
opacity: 0.7;
}
.close {
/*關閉按鈕樣式*/
position: relative;
top: -315px;
right: 50px;
background-color: transparent;
border: none;
font-size: 20px;
cursor: pointer;
}
.close:active {
outline: none;
}
廣告圖:
效果圖:
