<!DOCTYPE html> <html> <head lang="en"> <meta charset="UTF-8"> <title></title> <style> div { text-align: center; width: 100px; height: 100px; line-height: 100px; color: white; } .d1 { background-color: red; /*display: none;*/ } .d2 { background-color: blue; visibility: hidden; /*visibility: visible;*/ } .d3 { background-color: green; opacity: 0.1; /*透明度*/ } </style> </head> <body> <div class="d1">div1</div> <div class="d2">div2</div> <div class="d3">div3</div> </body> </html>
