一个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