div+css布局实现端午节安康海报效果代码
代码语言:html
所属分类:布局界面
代码描述:div+css布局实现端午节安康海报效果代码
下面为部分代码预览,完整代码请点击下载或在bfwstudio webide中打开
<!DOCTYPE html> <html lang="zh-CN"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>CSS绘制粽子</title> <style> body { font-family: 'Arial', sans-serif; background-color: #f5f5f5; display: flex; justify-content: center; align-items: center; height: 100vh; margin: 0; } .container { text-align: center; } .container h1 { color: #2c3e50; } .container p { color: #16a085; font-size: 18px; } .zongzi { position: relative; width: 100px; height: 100px; margin: 0 auto; } .leaf { position: absolute; width: 0; height: 0; border-style: solid; } .leaf1 { border-width: 0 50px 80px 50px; border-color: transparent transparent #8BC34A transparent; transform: rotate(45deg); top: -15px; left: 0; .........完整代码请登录后点击上方下载按钮下载查看
网友评论0