open-props实现分页效果代码

代码语言:html

所属分类:布局界面

代码描述:open-props实现分页效果代码

代码标签: open-props 分页

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


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

<head>

  <meta charset="UTF-8">

  <meta name="viewport" content="width=device-width, initial-scale=1">
  
  
  
<style>
@import "//repo.bfw.wiki/bfwrepo/css/open-props.css"; 

nav {
  --_link-bg: white;
  --_link-text: var(--gray-7);
  
  display: -webkit-box;
  
  display: -ms-flexbox;
  
  display: flex;
  grid-gap: var(--size-2);
  gap: var(--size-2)
}

nav > a {
    background-color: var(--_link-bg);
    color: var(--_link-text);
    padding-left: var(--size-3);
    padding-right: var(--size-3);
    padding-top: var(--size-2);
    padding-bottom: var(--size-2);
    border-radius: var(--radius-3);
    text-decoration: none;
    outline-offset: 3px;
    -webkit-transition: 
      background-color .2s var(--ease-3),
      color .2s var(--ease-3);
    -o-transition: 
      background-color .2s var(--ease-3),
      color .2s var(--ease-3);
    transition: 
      background-color .2s var(--ease-3),
      color .2s var(--ease-3)
  }

nav > a[href]:.........完整代码请登录后点击上方下载按钮下载查看

网友评论0