CSS - 教程之家

143浏览

0评论

css3怎么设置圆角

CSS3 border-radius 属性使用 CSS3 border-radius 属性，你可以给任何元素制作 "圆角"。以下为三个实例：1. 指定背景颜色的元素圆角：2. 指定边框的元素圆角:3. 指定背景图片的元...

2021-04-12

123浏览

0评论

详解CSS实现文字动画的N种技巧

本篇文章给大家介绍一些css文字效果，利用不同的属性搭配，实现各式各样的文字动效。有一定的参考价值，有需要的朋友可以参考一下，希望对大家有所帮助。Google Font在写各种 DEMO...

2021-04-12

204浏览

0评论

css hover失效怎么办

关于css的:hover失效问题参考：关于hover失效的问题********************************我是分割线********************************************1、网上百度的原因一般有如...

2021-04-12

115浏览

0评论

css边框阴影怎么设置

CSS设置边框阴影效果box-shadow属性可以设置一个或多个下拉阴影的框。box-shadow: Xpx Ypx Zpx #888888;X：横向阴影（偏移值）Y：纵向阴影（偏移值）Z：渐变效果#888888：阴影颜色<!DOCTYPE...

2021-04-12

170浏览

0评论

css怎么设置无边框

CSS去掉div的边框可以去掉css的border属性，或者覆盖border属性为none来实现。如图，这是一个带边框的div测是页面。第一个div的边框是这行css实现的效果border: 5px solid blac...

2021-04-12

206浏览

0评论

css怎么设置input颜色

如何设置input 的背景颜色可以用input的css中background属性设置。新建html文件，在body标签中，输入一个input标签，用浏览器打开这个文件，可以发现input标签的默认背景色是白色：为...

2021-04-12

110浏览

0评论

css怎么设置表格线

新建一个html文件，命名为test.html，用于讲解怎样用css控制表格线的颜色。在test.html文件内，使用table标签创建一个两行两列的表格，用于测试。在test.html文件内，设置table表格...

2021-04-12

142浏览

0评论

老生常谈使用 CSS 实现三角形的技巧(多种方法)

在一些面经中，经常能看到有关 CSS 的题目都会有一道如何使用 CSS 绘制三角形，而常见的回答通常也只有使用 border 进行绘制一种方法。而 CSS 发展到今天，其实有很多有意思的仅...

2021-04-12

171浏览

0评论

浅谈移动端中的视口(viewport)的具体使用

在 PC 端，视口指的是浏览器的可视区域，其宽度和浏览器窗口的宽度保持一致。在 CSS 标准文档中，视口也被称为初始包含块，它是所有 CSS 百分比宽度推算的根源，给 CSS 布局限制了一...

2021-04-12

108浏览

0评论

CSS3 制作的书本翻页特效

实现效果：实现代码：html<div id='book'> <div id='top'></div> <div id='front'></div> <div id='right'></div> <div id='bottom'...

2021-04-12

108浏览

0评论

CSS3 制作的悬停缩放特效

实现效果：实现代码：html<link href='https://fonts.googleapis.com/css?family=Roboto:100,400,300,500,700' rel='stylesheet' type='text/css'><div align="center" class="...

2021-04-12

141浏览

0评论

CSS如何设置行间距和字间距

CSS设置行间距在CSS中通过line-height属性来实现行间距的设置，line-height的值表示的是两行文字之间基线的距离。文字的基线，指的是如果给文字加上下划线，那么上下划线就是文字...

2021-04-11

133浏览

0评论

css怎么取消颜色

css去除已有的背景颜色在已经设置好背影颜色上加上 background-color:transparent;背景图片固定不随滚动条滚动 background-attachment:fixed;注：transparent是透明的意思，bac...

2021-04-11

173浏览

0评论

css怎么实现禁止缩放

css如何设置不允许页面缩放？css如何设置不允许页面缩放？禁止页面缩放？实际上，在 meta 标签中添加如下两个属性即可：maximum-scale=1.0, user-scalable=0其中，maximun-scale：允许用...

2021-04-11

152浏览

0评论

css设置文字删除线

想要使用CSS实现文字删除线效果，可以使用text-decoration属性，将其设置为line-through值即可。text-decoration属性用于“装饰”文本的内容，可以为所选文本添加下划...

2021-04-11

110浏览

0评论

css怎么设置div大小

width属性设置元素的宽度；height属性设置元素的高度。这两个属性定义元素内容区的宽度和高度，在内容区外面可以增加内边距、边框和外边距。行内非替换元素会忽略width属性和he...

2021-04-11

238浏览

0评论

css怎么设置右对齐

通过css设置右对齐方法详解：1、通过css的position属性实现右对齐<h2>右对齐</h2><p>以下实例演示了如何使用 position 来实现右对齐:</p><div class="right"> <p>元素右对齐...

2021-04-11

147浏览

0评论

css中auto是什么意思

css中的auto是自动适应的意思，而在css中auto往往都是默认值。正如margin:0 auto，意思就是上下边距为0，左右边距为auto，就是自动适应。但是，如果要使用他的话，就必须给标签配上指定...

2021-04-11

135浏览

0评论

CSS3如何实现关闭按钮

在本文中将分享用CSS3设计出来的样式来呈现出关闭按钮的样子，这样以后想设计简单的对话框，就不需要求美工来帮忙画按钮的图片了。先来看看样式:/* basic style */.close {...

2021-04-11

160浏览

0评论

CSS如何实现div闪烁

效果图如下代码如下@keyframes fade { from { opacity: 1.0; } 50% { opacity: 0.4; } to { opacity: 1.0;...

2021-04-11

147浏览

0评论

css如何设置背景图片不平铺

背景图片不重复不平铺，可以这样设定背景：1、这样背景图片就会固定住，不会因页面滚动而重复。<body style="background-image: url("图片文件地址"); background-attachment: fi...

2021-04-11

111浏览

0评论

css如何去掉li前面的点

对于很多人用div来做网站时，总会用到 li，但显示效果时前面总是会有一个小黑点，这个令很多人头痛，但又找不到要源，其它我们可以用以下方法来清除。1、在CSS中写入代码。找到相关性...

2021-04-11

86浏览

0评论

css阴影怎么做

box-shadow为css阴影设置，其中分为外阴影和内阴影，一般默认为外阴影外阴影的属性为：X轴 Y轴 px color
属性说明（顺序依次对应）：阴影的X轴(可以使用负值) 阴影的Y轴(可以使用负值...

2021-04-11

125浏览

0评论

css如何设置超出部分滚动条隐藏

方法一、利用 css 3 的新特性 -webkit-scrollbar, 但是这种方式不兼容火狐和 IE<!DOCTYPE html><html><head> <meta charset="UTF-8"> <title>超出部分隐藏滚动条<...

2021-04-11

143浏览

0评论

CSS3 制作的彩虹按钮样式

实现效果：实现代码：html<div class="buttons"> <h1>Simple hover effects with <code>box-shadow</code></h1> <button class="fill">Fill In</button> <button class="pul...

2021-04-10

146浏览

0评论

CSS中em的正确打开方式详解

为什么说“通常情况下1em=16px”？用户的浏览器默认渲染的文字大小是“16px”，换句话说，Web页面中“body”及其子元素的文字大小在用户浏览器下...

2021-04-09

129浏览

0评论

CSS如何使用精灵图

CSS Sprite是什么？CSS Sprite直译为“CSS精灵”，也被称为通常被解释为“CSS图像拼合”或“CSS贴图定位”，是一种网页图片应用处理方式。其实就...

2021-04-07

176浏览

0评论

使用Html+Css实现简易导航栏功能(导航栏遇到鼠标切换背景颜色)

Ⅰ、问题描述：使用html+css实现简易导航栏；
**要求：**将导航栏分成八个小部分，并在鼠标放上并不点击，导航栏背景颜色显示为黄绿色；Ⅱ实现过程如下：1、运行软件VScode，亲测可实现；
2、...

2021-04-07

102浏览

0评论

css 中多种边框的实现小窍门

一、多重边框[1]背景知识：box-shadow，outline
鉴于使用场景的多元化，多重边框的设计越来越多，以往可以借助 border-image 属性应付一下，但是这个在css 代码层面并不是很灵活。现...

2021-04-07

130浏览

0评论

css表格怎么设置中间对齐

css表格设置中间对齐在css中，可以为表格table标签设置margin:auto;样式使表格居中。<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title>表格居中</title> <sty...

2021-04-06

209浏览

0评论

使用css3中的什么规则来定义动画

@keyframes是CSS3的一种规则，可以用来定义CSS动画的一个周期的行为，可以创建简单的动画。动画与转换类似，因为它们都是随时间改变CSS属性的表示值。主要区别在于，当属性值更改时...

2021-04-06

129浏览

0评论

css3支持为网页添加多个背景图片吗

在CSS中使用多个背景图片如果想在背景中添加一张以上的图片怎么办？CSS3 中可以直接指定多个背景路径，如下所示：body { background-image: url(https://image.flaticon.com/ic...

2021-04-06

169浏览

0评论

css如何设置透明度

一、css rgba()设置颜色透明度语法：rgba（R,G,B,A）;RGBA 是代表Red（红色） Green（绿色） Blue（蓝色）和 Alpha（不透明度）这几个单词的缩写。RGBA 颜色值是 RGB 颜色值的扩展，带有一个 alpha...

2021-04-06

145浏览

0评论

css怎样清除浮动

浮动会使当前标签产生向上浮的效果，同时会影响到前后标签、父级标签的位置及 width height 属性。而且同样的代码，在各种浏览器中显示效果也有可能不相同，这样让清除浮动更难了...

2021-04-06

109浏览

0评论

css3中媒体查询的语法组成是什么

CSS3 的多媒体查询继承了 CSS2 多媒体类型的所有思想：取代了查找设备的类型，CSS3 根据设置自适应显示。媒体查询可用于检测很多事情，例如： viewport(视窗) 的宽度与高度设备...

2021-04-06

182浏览

0评论

详解CSS 文字装饰 text-decoration & text-emphasis

在 CSS 中，文字算是我们天天会打交道的一大类了，有了文字，则必不可少一些文字装饰。本文将讲讲两个比较新的文字装饰的概念 text-decoration 与 text-emphasis，在最后，还会讲解使...

2021-04-06

152浏览

0评论

CSS实现的圆形进度栏

实现效果实现代码html<div class="wrap"> <div class="progress-radial progress-25"> <div class="overlay">25%</div></div><div class="progress-radial progress-50">...

2021-04-06

131浏览

0评论

CSS3 实现的定价表

实现效果：实现代码html<div id="pricing-table" class="clear"> <div class="plan"> <h3>Enterprise<span>$59</span></h3> <a class="signup" href="">Sig...

2021-04-06

133浏览

0评论

简单的css文字动画效果

实现效果实现代码html<div id=container> Welcome <div id=flip> <div><div>jb51</div></div> <div><div></div></div> <div><div>欢迎访问</div></div> </div...

2021-04-06

126浏览

0评论

css3实现的天气图标动画效果

实现效果实现代码html<div class="wrapper"> <div class="sun"></div> <div class="cloud"> <div class="cloud1"> <ul> <li></li> <li></li>...

2021-04-06

119浏览

0评论

css3实现的加载动画效果

实现效果实现代码html<div class='peeek-loading'> <ul> <li></li> <li></li> <li></li> <li></li> <li></li> <li></li> <li></li> <li>...

2021-04-06

163浏览

0评论

详解CSS3+SVG滤镜实现不规则边框的方法

需求背景，给不规则图形添加边框在我们日常开发中，时长会遇到一些非矩形、非圆形的图案。类似下面这些：使用纯 CSS，搭配一些技巧，是可以制作出上面的图形的，当然这只是需求的第一步...

2021-04-02

118浏览

0评论

css怎么去掉边框

新建一个html文件，命名为test.html，用于讲解CSS如何去掉div的边框。在test.html页面中，创建一个div，并设置其css类名为con，代码如下：使用css设置div在页面居中显示，并设置其宽高都...

2021-04-02

212浏览

0评论

css怎么实现翻转效果

作为前端开发人员的必修课，CSS3能带我们完成许多基本动效，本期我们将用CSS3实现hover翻转效果~第一步非常简单，我们简单画1个演示方块，为其添加transition和transform属性：//...

2021-04-02

139浏览

0评论

css怎么设置溢出隐藏

在CSS中，可以利用overflow属性，使用overflow:hidden来设置溢出隐藏。overflow属性overflow属性规定当内容溢出元素框时发生的事情。这个属性定义溢出元素内容区的内容会如何处...

2021-04-02

199浏览

0评论

css不透明度怎么设置

css可以使用filter:alpha()与opacity两种方式设置不透明度，直接利用opacity设置不透明度的时候其大小范围为0-1，使用filter:alpha()设置时大小范围在1-100之间。filter:alpha(...

2021-04-02

212浏览

0评论

css怎么实现禁止点击

CSS实现禁用状态，样式设置以及不可点击事件的行为今天为大家分享一篇通过css禁用状态，样式设置以及不可点击样式事件的实例讲解，具有很好的参考价值，希望对大家有所帮助。一起跟...

2021-04-02

323浏览

0评论

css怎么设置元素一直旋转

我们在进行网页页面设计时，经常会遇到各种关于图片展示的问题，比如有的需要让图片圆角展示、图片点击放大展示等等效果。主要就给大家介绍用css3实现图片自动循环360旋转的具...

2021-04-02

276浏览

0评论

css怎么让li强制不换行

li默认是块状元素，总是在新行上开始，占据一整行。<ul> <li> <a href="http://www.php.cn/">首页</a> </li> <li> <a href="http://www.php.cn/">关于我们</a> </li> <li> <...

2021-04-02

127浏览

0评论

css怎么去掉input边框

去掉input边框的具体操作步骤如下：1、在html页面中输入input的相关代码。<div class="form"><input id="code" class="ipx code" name="code" placeholder="请点击按钮领取礼...

2021-04-02

热门文章