图文列表卡片效果布局
代码语言:html
所属分类:布局界面
代码描述:图文列表卡片效果布局
下面为部分代码预览,完整代码请点击下载或在bfwstudio webide中打开
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <style> * { padding: 0; margin: 0; } html, body { width: 100%; height: 100%; display: flex; flex-direction: column; justify-content: center; /*横轴居中*/ align-items: center; /*纵轴居中*/ } header { font-size: 35px; font-weight: bold; margin-bottom: 35px; color: #e52d67; } #app { width: 1200px; display: flex; justify-content: space-between; position: relative; } .box { width: 280px; overflow: hidden; background: #f6f6f6; box-sizing: border-box; padding: 0 15px 25px 15px; } .box a { display: flex; .........完整代码请登录后点击上方下载按钮下载查看
网友评论0