css3怎么设置圆角
CSS3 border-radius 属性使用 CSS3 border-radius 属性，你可以给任何元素制作 "圆角"。以下为三个实例：1. 指定背景颜色的元素圆角：2. 指定边框的元素圆角:3. 指定背景图片的元...
2021-04-12
详解CSS实现文字动画的N种技巧
本篇文章给大家介绍一些css文字效果，利用不同的属性搭配，实现各式各样的文字动效。有一定的参考价值，有需要的朋友可以参考一下，希望对大家有所帮助。Google Font在写各种 DEMO...
2021-04-12
css hover失效怎么办
关于css的:hover失效问题参考： 关于hover失效的问题********************************我是分割线********************************************1、网上百度的原因一般有如...
2021-04-12
css边框阴影怎么设置
CSS设置边框阴影效果box-shadow属性可以设置一个或多个下拉阴影的框。box-shadow: Xpx Ypx Zpx #888888;X：横向阴影（偏移值）Y：纵向阴影（偏移值）Z：渐变效果#888888：阴影颜色<!DOCTYPE...
2021-04-12
css怎么设置无边框
CSS去掉div的边框可以去掉css的border属性，或者覆盖border属性为none来实现。如图，这是一个带边框的div测是页面。第一个div的边框是这行css实现的效果border: 5px solid blac...
2021-04-12
css怎么设置input颜色
如何设置input 的背景颜色可以用input的css中background属性设置。新建html文件，在body标签中，输入一个input标签，用浏览器打开这个文件，可以发现input标签的默认背景色是白色：为...
2021-04-12
css怎么设置表格线
新建一个html文件，命名为test.html，用于讲解怎样用css控制表格线的颜色。在test.html文件内，使用table标签创建一个两行两列的表格，用于测试。 在test.html文件内，设置table表格...
2021-04-12
老生常谈 使用 CSS 实现三角形的技巧(多种方法)
在一些面经中，经常能看到有关 CSS 的题目都会有一道如何使用 CSS 绘制三角形，而常见的回答通常也只有使用 border 进行绘制一种方法。而 CSS 发展到今天，其实有很多有意思的仅...
2021-04-12
浅谈移动端中的视口(viewport)的具体使用
在 PC 端，视口指的是浏览器的可视区域，其宽度和浏览器窗口的宽度保持一致。在 CSS 标准文档中，视口也被称为初始包含块，它是所有 CSS 百分比宽度推算的根源，给 CSS 布局限制了一...
2021-04-12
CSS3 制作的书本翻页特效
实现效果：实现代码：html<!-- Please heart it if you like! --><div id='book'> <div id='top'></div> <div id='front'></div> <div id='right'></div> <div id='bottom'...
2021-04-12
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
CSS如何设置行间距和字间距
CSS设置行间距在CSS中通过line-height属性来实现行间距的设置，line-height的值表示的是两行文字之间基线的距离。文字的基线，指的是如果给文字加上下划线，那么上下划线就是文字...
2021-04-11
css怎么实现禁止缩放
css如何设置不允许页面缩放？css如何设置不允许页面缩放？禁止页面缩放？实际上，在 meta 标签中添加如下两个属性即可：maximum-scale=1.0, user-scalable=0其中，maximun-scale：允许用...
2021-04-11
css设置文字删除线
想要使用CSS实现文字删除线效果，可以使用text-decoration属性，将其设置为line-through值即可。text-decoration属性用于“装饰”文本的内容，可以为所选文本添加下划...
2021-04-11
css怎么设置div大小
width属性设置元素的宽度；height属性设置元素的高度。这两个属性定义元素内容区的宽度和高度，在内容区外面可以增加内边距、边框和外边距。行内非替换元素会忽略width属性和he...
2021-04-11
css怎么设置右对齐
通过css设置右对齐方法详解：1、通过css的position属性实现右对齐<h2>右对齐</h2><p>以下实例演示了如何使用 position 来实现右对齐:</p><div class="right"> <p>元素右对齐...
2021-04-11
css中auto是什么意思
css中的auto是自动适应的意思，而在css中auto往往都是默认值。正如margin:0 auto，意思就是上下边距为0，左右边距为auto，就是自动适应。但是，如果要使用他的话，就必须给标签配上指定...
2021-04-11
CSS3如何实现关闭按钮
在本文中将分享用CSS3设计出来的样式来呈现出关闭按钮的样子，这样以后想设计简单的对话框，就不需要求美工来帮忙画按钮的图片了。先来看看样式:/* basic style */.close {...
2021-04-11
CSS如何实现div闪烁
效果图如下代码如下@keyframes fade { from { opacity: 1.0; } 50% { opacity: 0.4; } to { opacity: 1.0;...
2021-04-11
css如何设置背景图片不平铺
背景图片不重复不平铺，可以这样设定背景：1、这样背景图片就会固定住，不会因页面滚动而重复。<body style="background-image: url("图片文件地址"); background-attachment: fi...
2021-04-11
css如何去掉li前面的点
对于很多人用div来做网站时，总会用到 li，但显示效果时前面总是会有一个小黑点，这个令很多人头痛，但又找不到要源，其它我们可以用以下方法来清除。1、在CSS中写入代码。找到相关性...
2021-04-11
css如何设置超出部分滚动条隐藏
方法一、 利用 css 3 的新特性 -webkit-scrollbar, 但是这种方式不兼容 火狐 和 IE<!DOCTYPE html><html><head> <meta charset="UTF-8"> <title>超出部分隐藏滚动条<...
2021-04-11
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
CSS中em的正确打开方式详解
为什么说“通常情况下1em=16px”？用户的浏览器默认渲染的文字大小是“16px”，换句话说，Web页面中“body”及其子元素的文字大小在用户浏览器下...
2021-04-09
CSS如何使用精灵图
CSS Sprite是什么？CSS Sprite直译为“CSS精灵”，也被称为通常被解释为“CSS图像拼合”或“CSS贴图定位”，是一种网页图片应用处理方式。其实就...
2021-04-07
使用Html+Css实现简易导航栏功能(导航栏遇到鼠标切换背景颜色)
Ⅰ、问题描述：使用html+css实现简易导航栏；
**要求：**将导航栏分成八个小部分，并在鼠标放上并不点击，导航栏背景颜色显示为黄绿色；Ⅱ实现过程如下：1、运行软件VScode，亲测可实现；
2、...
2021-04-07
css 中多种边框的实现小窍门
一、多重边框[1]背景知识：box-shadow，outline
鉴于使用场景的多元化，多重边框的设计越来越多，以往可以借助 border-image 属性应付一下，但是这个在css 代码层面并不是很灵活。现...
2021-04-07
css表格怎么设置中间对齐
css表格设置中间对齐在css中，可以为表格table标签设置margin:auto;样式使表格居中。<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title>表格居中</title> <sty...
2021-04-06
使用css3中的什么规则来定义动画
@keyframes是CSS3的一种规则，可以用来定义CSS动画的一个周期的行为，可以创建简单的动画。动画与转换类似，因为它们都是随时间改变CSS属性的表示值。主要区别在于，当属性值更改时...
2021-04-06
css3支持为网页添加多个背景图片吗
在CSS中使用多个背景图片如果想在背景中添加一张以上的图片怎么办？CSS3 中可以直接 指定多个背景路径，如下所示：body { background-image: url(https://image.flaticon.com/ic...
2021-04-06
css如何设置透明度
一、css rgba()设置颜色透明度语法：rgba（R,G,B,A）;RGBA 是代表Red（红色） Green（绿色） Blue（蓝色）和 Alpha（不透明度）这几个单词的缩写。RGBA 颜色值是 RGB 颜色值的扩展，带有一个 alpha...
2021-04-06
css3中媒体查询的语法组成是什么
CSS3 的多媒体查询继承了 CSS2 多媒体类型的所有思想： 取代了查找设备的类型，CSS3 根据设置自适应显示。媒体查询可用于检测很多事情，例如： viewport(视窗) 的宽度与高度 设备...
2021-04-06
详解CSS 文字装饰 text-decoration & text-emphasis
在 CSS 中，文字算是我们天天会打交道的一大类了，有了文字，则必不可少一些文字装饰。本文将讲讲两个比较新的文字装饰的概念 text-decoration 与 text-emphasis，在最后，还会讲解使...
2021-04-06
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
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
简单的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
css3实现的天气图标动画效果
实现效果实现代码html<div class="wrapper"> <div class="sun"></div> <div class="cloud"> <div class="cloud1"> <ul> <li></li> <li></li>...
2021-04-06
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
详解CSS3+SVG滤镜实现不规则边框的方法
需求背景，给不规则图形添加边框在我们日常开发中，时长会遇到一些非矩形、非圆形的图案。类似下面这些：使用纯 CSS，搭配一些技巧，是可以制作出上面的图形的，当然这只是需求的第一步...
2021-04-02
css怎么实现翻转效果
作为前端开发人员的必修课，CSS3能带我们完成许多基本动效，本期我们将用CSS3实现hover翻转效果~第一步非常简单，我们简单画1个演示方块，为其 添加transition和transform属性 ：//...
2021-04-02
css怎么设置溢出隐藏
在CSS中，可以利用overflow属性，使用overflow:hidden来设置溢出隐藏。overflow属性overflow属性规定当内容溢出元素框时发生的事情。这个属性定义溢出元素内容区的内容会如何处...
2021-04-02
css不透明度怎么设置
css可以使用filter:alpha()与opacity两种方式设置不透明度，直接利用opacity设置不透明度的时候其大小范围为0-1，使用filter:alpha()设置时大小范围在1-100之间。filter:alpha(...
2021-04-02
css怎么实现禁止点击
CSS实现禁用状态，样式设置以及不可点击事件的行为今天为大家分享一篇通过css禁用状态，样式设置以及不可点击样式事件的实例讲解，具有很好的参考价值，希望对大家有所帮助。一起跟...
2021-04-02
css怎么设置元素一直旋转
我们在进行网页页面设计时，经常会遇到各种关于图片展示的问题，比如有的需要让图片圆角展示、图片点击放大展示等等效果。主要就给大家介绍用css3实现图片自动循环360旋转的具...
2021-04-02
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
css怎么去掉input边框
去掉input边框的具体操作步骤如下：1、在html页面中输入input的相关代码。<div class="form"><input id="code" class="ipx code" name="code" placeholder="请点击按钮领取礼...
2021-04-02
