您的位置:首页 >> CSS

列表

  • css中字间距怎么设置

    前端

    css设置字间距的方法:1、使用letter-spacing属性,语法“letter-spacing:间距值;”;2、使用word-spacing属性,语法“word-spacing:间距值;”。本教程操作环境:windows7系统、CSS

  • css怎么设置多行超出显示省略号

    前端

    设置方法:1、用“overflow:hidden;”把超出的部分隐藏起来;2、用“-webkit-line-clamp:行数;”限制显示文本的行数;3、用“text-overflow:ellipsis;”显示省略号来代表被隐藏的超出部分。本

  • css怎么设置边框颜色

    前端

    方法:1、border-color属性同时设置四个边框的颜色;2、border-top-color、border-bottom-color、border-left-color、border-right-color属性分别设置上下左右边框。本

  • css如何改变背景图片大小

    前端

    在css中,可以使用background-size属性来改变背景图片大小,该属性的作用就是指定背景图片大小,可通过将属性值设置为长度值或百分比来改变图片大小,或者通过将属性值设置为cover和contain关键字来对图片进行伸缩处理。本教程

  • css怎么设置背景图片透明

    前端

    在css中,可以利用opacity属性来设置背景图片透明,该属性的作用就是设置元素的透明度,只需要给设置了背景图片的元素添加“opacity: 透明度值;”样式即可。本教程操作环境:windows7系统、CSS3&&HTML5版、Dell

  • 利用CSS怎么创建渐变色边框?5种方法分享

    前端

    利用CSS怎么创建渐变色边框?下面本篇文章给大家分享CSS实现渐变色边框的5种方法,希望对大家有所帮助!给 border 设置渐变色是很常见的效果,实现这个效果有很多思路,今天把我所知道的方法罗列于此供大家参考。(学习视频分享:css视频教

  • 8种CSS实现loading加载特效的小技巧(分享)

    前端

    本篇文章给大家分享8种CSS实现loading加载特效的小技巧,希望对大家有所帮助!为什么会写这种文章呢?平时开发的时候,我们遇到加载,要么是UI框架中自带,要么就是百度,然后CV到项目中?但是,自己实现的时候,又会没有思路。久而久之,变成

  • 10+个让你的项目大放异彩的CSS loading加载特效,快来收藏吧!!

    前端

    本篇文章给大家分享10+个loading加载特效,保证让你的项目大放异彩,希望对大家有所帮助,快来收藏吧!!相信大家经常会使用到加载动画,但是大部分组件库的加载样式都太简洁了。这次给前端工友们收集了10+个高逼格加载动画效果!!复制就能直接

  • 前端

    你的 css 也需要模块化css “局部”样式sass、less 通过 @import ,部分解决的 css 模块化的问题。由于 css 是全局的,在被引入的文件和当前文件出现重名的情况下,前者样式就会被后者覆盖。在引入一些公用组件,或者多

  • 深入学习CSS中的 :is() 和 :where(),让样式代码更简洁!

    前端

    本篇文章带大家深入了解CSS中的两个比较高效的选择器,通过它们可以用更少的代码去更有效地选择元素,进而简化代码,下面一起来看看吧!新人在入门CSS的时候,往往最困惑的就是两件事情(个人想法):1. CSS是基于文档流的,有些时候编写的代码,

  • CSS怎么实现瀑布流?两种方式介绍

    前端

    CSS怎么实现瀑布流?下面本篇文章给大家介绍一下使用CSS实现瀑布流的两种方式,希望对大家有所帮助!瀑布流又称瀑布流式布局,是比较流行的一种网站页面布局方式。在手机端进行多图片展示时会经常用到。即多行等宽元素排列,后面的元素依次添加到其后,

  • 给文字添加渐变、描边、投影效果的两种方式(CSS和SVG)

    前端

    本篇文章给大家介绍一下使用CSS和SVG给文字添加渐变、描边、投影效果的方法,希望对大家有所帮助!在一些 web 活动页中经常能看到特殊处理的标题文字,比如这样的暂时忽略掉特殊字体,通过设计稿的图层样式可以发现,共有 3 个文字特效,分别是

  • 手把手带你通过5个例子来熟悉CSS变量!

    前端

    大家对CSS变量熟悉吗?如果不熟悉,不要紧!下面本篇文章就来给大家介绍一下CSS变量,通过5个例子来带大家熟悉CSS变量,希望对大家有所帮助!随着 Web应用程序变得越来越大,CSS变得越来越大,越来越冗长,而且混乱不堪。 在良好的上下文中

  • 纯CSS做一个烟花绽放动画(代码示例)

    前端

    本篇文章带大家使用纯CSS做一个烟花绽放动画,希望对大家有所帮助!最近项目上需要做一个烟花动画,要求是随机大小,不同地方出现,先看效果一、选择合适的动画什么样的场景决定使用什么样的动画。比如一些比较轻量、装饰性的动画,CSS 动画就足够了,

  • css数字文本过长被隐藏了怎么办

    前端

    css数字文本过长被隐藏的解决方法:1、打开相应的HTML文件;2、使用“word-break”属性,给包含数字的元素添加“word-break:break-all;”样式,让数字文本自动换行即可全部显示出来即可。本教程操作环境:windo

  • css怎么去掉表格重复的边框

    前端

    在css中,可以使用border-collapse属性来去掉表格中重复的边框,该属性可以设置表格边框是折叠为单一边框还是分开的,只需要将值设置为collapse即可把重叠的边框合并在一起,成为一个边框,实现单线边框的效果。本教程操作环境:w

  • 巧用css filter的drop-shadow()函数创建线条光影效果

    前端

    本文将介绍一种利用 CSS 滤镜 filter 的 drop-shadow(),实现对 HTML 元素及 SVG 元素的部分添加阴影效果,以实现一种酷炫的光影效果,用于各种不同的场景之中。通过本文,你可以学到:如何利用 filter: dr

  • css怎么修改字体颜色

    前端

    在css中,可以使用color属性来修改字体颜色,该属性的作用就是设置文本的颜色,只需要给包含字体文本的元素添加“color:颜色值;”即可。颜色值可以使用颜色名、十六进制数值、RGB或RGBA值、HSL或HSLA值来定义。本教程操作环境:

  • css怎么设置超出显示省略号

    前端

    css设置超出显示省略号的方法:1、使用“overflow:hidden;”语句把超出的部分隐藏起来;2、使用“text-overflow:ellipsis;”语句在文本溢出包含元素时,显示省略符号来代表被隐藏的部分。本教程操作环境:win

  • css怎么实现三角形

    前端

    实现方法:1、利用高宽为零的容器和透明的border;2、利用线性渐变linear-gradient;3、使用“transform:rotate”配合“overflow:hidden”;4、利用“&#9660”、“&#9650”等字符绘制。