菊花html

2023-03-22 13:14:35 浏览数 (1)

菊花是一种非常美丽的花卉,通常用于绘画和插花。以下是一个简单的菊花HTML代码示例:

代码语言:javascript复制
html
<!DOCTYPE html>  
<html lang="en">  
<head>  
    <meta charset="UTF-8">  
    <meta name="viewport" content="width=device-width, initial-scale=1.0">  
    <title>菊花</title>  
    <style>  
        body {  
            font-family: Arial, sans-serif;  
        }  
  
        .container {  
            width: 300px;  
            height: 200px;  
            background-color: #333;  
            margin: 100px auto;  
            border: 1px solid black;  
            border-radius: 4px;  
        }  
  
        .flower {  
            position: absolute;  
            top: 50%;  
            left: 50px;  
            transform: translateY(-50%);  
            width: 150px;  
            height: 150px;  
            border: 2px solid #000;  
            border-radius: 50%;  
            box-shadow: 0px 10px 20px rgba(0, 0, 0, 0.2);  
        }  
  
        .star {  
            position: absolute;  
            bottom: 40px;     

0 人点赞