div+css布局实现四角边框效果代码
代码语言:html
所属分类:布局界面
代码描述:div+css布局实现四角边框效果代码
下面为部分代码预览,完整代码请点击下载或在bfwstudio webide中打开
<!DOCTYPE html> <html lang="en" > <head> <meta charset="UTF-8"> <style> body { background-color: #333; color: #b3c33a; display: grid; font-family: -apple-system, BlinkMacSystemFont, avenir next, avenir, segoe ui, helvetica neue, helvetica, Cantarell, Ubuntu, roboto, noto, arial, sans-serif; margin: 0; min-height: 100dvh; padding: 0; place-items: center; } div { display: inline-flex; font-size: 60px; padding: 50px; } .cornerEffect { --_gradient: linear-gradient(to right, currentColor 0%, currentColor 100%); --_t: 16px; --_s: 60px; position: relative; &::after { content: ""; background: va.........完整代码请登录后点击上方下载按钮下载查看
网友评论0