css布局实现一个电子名片效果代码

代码语言:html

所属分类:布局界面

代码描述:css布局实现一个电子名片效果代码

代码标签: 一个 电子名片 效果

下面为部分代码预览,完整代码请点击下载或在bfwstudio webide中打开

<!DOCTYPE html>
<html lang="zh">

<head>
   
<meta charset="UTF-8">
   
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
   
<meta name="viewport" content="width=device-width, initial-scale=1.0">
   
<style>
        figure.snip0056 {
          font-family: 'microsoft yahei';
          position: relative;
          overflow: hidden;
          margin: 10px auto;
          min-width: 380px;
          max-width: 480px;
          width: 100%;
          background: #ffffff;
          color: #000000;
        }
        figure.snip0056 * {
          -webkit-box-sizing: border-box;
          box-sizing: border-box;
        }
        figure.snip0056 > img {
          width: 50%;
          border-radius: 50%;
          border: 4px solid #ffffff;
        .........完整代码请登录后点击上方下载按钮下载查看

网友评论0