[璃猫]

璃猫博客

limao.pro

搜索结果

为您查到[ CSS 样式表 ]相关结果

显示隐藏滚动条body,html{ overflow-y: scroll; //纵向显示滚动条 overflow-x: hidden; //横向隐藏滚动条 } 设置属性/* 设置滚动条的样式 */ ::-webkit-scrollbar { width:12px; } /* 滚动槽 */ ::-webkit-scrollbar-track { -webkit-box-shadow:rgba(255,255,255,1); border-radius:10px; } /* 滚动条滑块 */ ::-webkit-scrollbar-thumb { border-radius:10px; background:rgba(0,0,0,0.1); } 滚动条理解1. ::-webkit-scrollbar 滚动条整体部分,可以设置宽度啥的 2.::-webkit-scrollbar-button 滚动条两端的按钮 3. ::-webkit-scrollbar-track 外层轨道 4. ::-webkit-scrollbar-trac...
代码写法一、 #triangle{ width: 0; height: 0; border-left: 50px solid transparent; border-right: 50px solid transparent; border-bottom: 100px solid red; } 写法二、 #triangle{ width: 0; height: 0; border:30px solid #333; border-color:blue transparent transparent transparent; } 注释: transparent //透明 优化IE6以下版本浏览器添加: border-style:solid dashed dashed dashed; 三角形制作完成!
前提有时候我们只想单独显示某个区域div的滚动条,让该区域单独滚动。代码防止自动换行white-space: nowrap; 分别设置[overflow-y]纵向滚动条、[overflow-x]横向滚动条;[scroll]显示滚动条、[hidden]隐藏滚动条overflow-y: scroll; overflow-x: hidden; 下面两条是针对IE浏览器、火狐浏览器做出设置的代码(参考)scrollbar-width: none; -ms-overflow-style: none; 隐藏滚动条的方法:要设置的DIV::-webkit-scrollbar { display: none; scrollbar-width: none; -ms-overflow-style: none; }
1.CSS水平居中代码及样式align--left[左]-center[中]-right[右]--对齐方式 2.CSS垂直居中代码及样式valign--top[上]-middle[中]-bottom[下]--垂直对齐方式
CSS样式-选择写法1.HTMl代码理解区域<body> <ul> <li class="a">第1标签</li> <li class="ab">第2标签</li> <li class="a b">第3标签</li> <li class="acb">第4标签</li> <li class="b">第5标签</li> </ul> </body> 2.CSS代码区域class样式名称里带有a的class属性都执行以下代码--第1.2.3.4标签都会应用这样式li[class*="a"]{代码} class样式名称里带有ab连接的class属性都执行以下代码--第2.4标签都会应用这样式li[class~="ab"...
文本 垂直居中1.vertical-align:middle;<style> .va{vertical-align: middle;} div{font-size: 12px;//更改了大小 margin: 20px auto;border: 1px dashed #000;text-align: center;} .inline{display: inline; font-size: 36px;//更改了大小 border: 1px dashed #000;} </style> <div> <span class="va inline">inline垂直居中</span> inline垂直居中 </div> 2.单元格垂直居中方法:table-cell:middle;table-cell:middle; 3.高度和行高:line-height + height;<style> * { margin: 0;padding: 0;} div{width...
CSS样式表HTML页面样式HTML页面样式常用元素用法作用*padding页面的内外边距body,htmlFX页面总体样式DIV样式DIV样式常用元素用法作用widthPX宽度heightPX高度paddingPX内边距marginPX外边距box-shadow[Y轴 X轴 模糊 颜色]边框阴影border[大小 样式 颜色]边框bordersolid实线-dashed虚线-double双实线-dotted点线border-radiusPX圆角overflowhidden超出隐藏Background背景Background背景常用元素用法作用background-imageURL背景图片background-color#背景颜色background-position[center]背景图片定位background-repeat[no-repeat]背景不平铺background-size[100%]背景图片大小Text文本Text文本常用元素用法作用color#字体颜色text-alignleft[right]字体居中font-sizePX字体大小font-weight粗细[b...

热门文章
TYPECHO恋爱主题 - 往后余生 November 29, 2020
CSS样式表 November 26, 2020
JAVA环境安装与编程软件Eplices安装教程 November 23, 2020

站内活动 时间一般均为 7天 时间

欢迎各位猫客,本站运营初期,不足之处欢迎大家指点。(灬°ω°灬)

博客资料
  • 文章数目

    68

  • 评论数目

    12

  • 站内页面

    3

  • 运行天数

    0年229天

广而告之
我在等你呢~
[享受生活 做最酷的自己]
[头像]

Aurora

环游是无趣,至少可以陪着你~

×
SUPPORT