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