一个div布局实现一个六字效果

代码语言:html

所属分类:布局界面

代码描述:一个div布局实现一个六字效果

代码标签: 实现 一个 六字 效果

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

<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<style>
#six {
  width: 130px;
  height: 70px;
  margin-left: -190px;
  margin-top: -55px;
  position: absolute;
  left: 50%;
  top: 50%;
  background-repeat: no-repeat;
  background-image: linear-gradient(160deg, rgba(25,25,112,0.5), rgba(25,25,112,0) 55%), repeating-linear-gradient(to right, black, black 5px, white 5px, white 10px), linear-gradient(to right, rgba(25,25,112,0.5) 50%, rgba(25,25,112,0) 60%), linear-gradient(to left, rgba(25,25,112,0) 40%, rgba(25,25,112,0.5) 50%, rgba(25,25,112,0) 60%), repeating-lin.........完整代码请登录后点击上方下载按钮下载查看

网友评论0