渐变虚线边框如果对边框的样式细节不是很在意，我们可以借助反向镂空的方法实现，也就是虚线原本实色的地方和周围颜色融为一体，看上去透明，而原来虚框透明的部分透出渐变背景色，于是看上去像是渐变色。以下是HTML和CSS：<div class="box"> &...

CSS 的新属性 overscroll-behavior 允许开发者覆盖默认的浏览器滚动行为，一般用在滚动到顶部或者底部。在 APP 中经常使用的抽屉导航(drawer 中，我们期望的效果是：滚动到底部时，滚动停止，因为我们到达了"滚动边界"。但是在 Web 页面中滚动并不会停止...

我们知道checkbox类型input复选框在每一种浏览器都有默认样式，那么可不可以自定义样式呢？答案是肯定的，至少在Chrome和FireFox等标准浏览器中可以做到，需要注意的，较新版本Chrome浏览器需要使用-webkit-appearance:none;属性先解除默认样式。以下是代码：<label&nb...

css样式中表示大小和宽高的单位主要有px pt em ex ch rem vw vh vmin vmax cm mm in pc %等十多种，按照各自特点大致可分为“绝对单位”、“相对单位”和“百分比单位”。绝对单位：px in cm m...

以上这些并不是背景图，而是由CSS样式代码实现。在现代标准浏览器中，我们通过CSS3的两个属性，一个是linear-gradient，即线性渐变，另一个是background-size，用来确定渐变的尺寸，就能显示出不同方向的条纹效果。今天我们就来详解CSS制作Web页面条纹背景样式的技巧，需要的朋友可以参考下。1、横...

很多人都知道，div容器在一般情况下即使设置高为100%也不会真的占满屏幕（浏览器窗口高度），那么究竟有没有办法用样式实现100%屏高呢？答案是肯定的。今天益吾库就来分享一下div百分百占满屏幕的两种css写法，一种是绝对定位方法，另一种是根容器百分比方法，具体实例代码如下：绝对定位方法：<style>...

某些时候你可能需要让图片四周带有边缘模糊效果，那么除了PS之外有没有简单的代码实现方法呢？今天我们就使用CSS3的新特性实现图片边缘的模糊效果，首先你需要在图片标签外部套一层DIV标签，其次再为外层DIV（基于伪元素）添加一圈向内的边缘阴影 ，也是css3的新属性 box-shadow ，这样就达到了模拟图片边缘模糊效...

我们知道CSS可以为网页文字定义字体样式，那么哪些字体是操作系统内置的并可以安全使用呢？下面小编就为大家带来一篇CSS Web安全字体组合详解，现在就分享给大家，也给大家做个参考。font-family 属性应该使用若干种字体名称作为回退保障，以确保浏览器/操作系统之间的最大兼容性。如果浏览器不支持第一个字体，则会尝试...