diff --git a/img/bg.jpg b/img/bg.jpg new file mode 100644 index 0000000..2fd1d7a Binary files /dev/null and b/img/bg.jpg differ diff --git a/styles.css b/styles.css index e765145..2323091 100644 --- a/styles.css +++ b/styles.css @@ -1,6 +1,10 @@ body { font-family: Microsoft YaHei; - background-color: #f2f2f2; + /* background-color: #f2f2f2; */ + background-image: url("img/bg.jpg"); + background-size: cover; + background-position: center; + background-repeat: no-repeat; display: flex; justify-content: center; align-items: center; @@ -9,13 +13,16 @@ body { } .container { + z-index: 1; + background-color: rgba(255, 255, 255, 0.6); + border-radius: 15px; text-align: center; padding: 20px; } .card { width: 300px; - background-color: #ffffff; + background-color: rgba(255, 255, 255, 0.6); border-radius: 15px; padding: 20px; box-shadow: 0 6px 12px rgba(0, 0, 0, 0.1);