css_站内搜索_F11 - 专业站长和开发者的学习网站

您的位置：

>>> TAG标签：css 的结果

CSS实现仿Windows10鼠标照亮边框效果的方法

本篇文章介绍CSS实现仿Windows10鼠标照亮边框效果的方法。安装最新 Windows 10 update 之后，注意到系统 UI 里有一个很棒的细节效果，在开始菜单的磁贴里或者 UWP 风格的设置界面中，元素的高亮边框是可以感知鼠标的，边框的高亮部分会跟随鼠标的移动而移动

1281

2019-04-24

css
CSS之宽高比例布局的方法

在某些特定的场景中，如视频播放、可视化图表占位等一些高宽需要固定的比例。如果占位区间是由固定值确定，那么我们皆大欢喜，但在目前的的应用发展中宽高自适应的方式才能满足我们的需求，那么我们该如何这种自适应的宽高比布局呢？什么是宽高比？宽高

825

2019-04-08

css
DIV+CSS仿百度联盟图文广告样式代码

一款简单的DIV+CSS仿百度联盟图文广告样式代码，单排图片和多排文字列表布局效果。

160

2019-02-26

广告代码
CSS的+(加号)选择器的使用方法

本篇文章给大家介绍CSS的+(加号)选择器的使用方法。 +符号选择器在CSS中+符号选择器被称为相邻兄弟选择器，用于选取在同一父元素下的，紧跟指定元素之后的另一个元素。基本句式：元素E + 元素F{ //CSS属性} 说明：所有主流浏览器都支持+符号选择器；但在I

210

2019-02-13

css
CSS实现镂空效果的代码方法

本篇文章给大家介绍CSS实现镂空效果的代码方法。效果原理主要利用css渐变实现一些不需要切图的背景镂空优惠券样式 .mixinsTicket(@width, @height, @r, @left, @lcolor, @rcolor) { width: @width; height: @height; background: radial-gradient(circle

877

2018-12-27

css
使用css实现圆形波浪效果图的方法

本篇文章给大家介绍使用css实现圆形波浪效果图的方法。在移动端经常看到一些圆形波浪图来显示金额，刚开始我认为这种效果只能用canvas写的，后来发现用css也可以。原理：我们都知道让块元素的 border-radius:50% 会变成圆形，如果少于50%呢，其实就变成不

593

2018-12-10

css
html5+css实现中间大两头小的轮播效果的教程

本篇文章给大家介绍html5+css实现中间大两头小的轮播效果的教程。先上效果： css： style *{margin: 0;padding: 0} .wrap{ } .container{ width: 100%; overflow: hidden; /* height: 400px; */ background: red; position: relative; } .box{width: 125%;

473

2018-12-10

html5
利用CSS绘制任意角度的扇形的代码教程

今天小编给大家分享利用CSS绘制任意角度的扇形的代码教程。效果图代码： htmlhead meta charset=UTF-8 title扇形绘制/title style .shanxing{ position: relative; width: 200px; height: 200px; border-radius: 100px; background-color: yellow; } .sx1{

232

2018-12-10

css
实现CSS导航条菜单带小三角形的代码教程

本篇文章给大家介绍实现CSS导航条菜单带小三角形的代码教程。小编我就随便写个样式给大家看看，大家根据下面的教程可以去试试。效果图在最下面！首先写一个大的div_nav，而首页菜鸟笔记菜鸟工具参考手册等则作为div包含在div_nav中。div_nav背景色设置为对

324

2018-11-28

css
总结css和html的四种结合方式

今天小编给大家分享css和html的四种结合方式。（1）在每个HTML标签上面都有一个属性 style，把css和HTML结合在一起。 div style=background-color:red;color:blue;我是一只小小鸟/div （2）使用HTML的一个标签实现，style标签：写在head里面。 style type=t

303

2018-11-02

css
CSS滑动门的实现示例代码

本篇文章给大家介绍CSS滑动门的实现示例代码。所谓的滑动门技术，就是指盒子背景能够自动拉伸以适应不同长度的文本。即当文字增多时，背景看起来也会变长。大多数应用于导航栏之中，如微信导航栏：具体实现方法如下： 1、首先每一块文本内容是由a标签与

703

2018-10-30

css
CSS3实现对图片照片进行边缘模糊处理的方法

本篇文章给大家分享CSS3实现对图片照片进行边缘模糊处理的方法使用CSS3的新特性实现各种图片边缘的模糊效果。 1. 在图片标签外部套一层DIV标签： div class=img-edge-cover img src=photo.png alt=photo/div 2. 为外层DIV添加一圈向内的边缘阴影，也是css

359

2018-08-24

css
css实现导航切换的代码教程

本篇文章给大家介绍css实现导航切换的代码教程 css导航切换效果图如下：代码如下，复制即可使用： !DOCTYPE htmlhtmlhead titlecss实现导航切换/title style type=text/css .clothes{width:1170px;margin:0 auto;border-bottom:1px solid red;margin:30px;

951

2018-08-24

css
Joomla实现使用图片和CSS实现翻转效果菜单

本篇文章给大家介绍Joomla实现使用图片和CSS实现翻转效果菜单首先，我们不需要修改任何php文件。在后来的Joomla版本中，为菜单项添加图片已经成为Joomla原生的功能之一。创建这种图片+CSS翻转菜单项的方法如下：首先到菜单对应的模块(module)设置中的Othe

152

2018-08-22

网站程序
使用HTML+CSS实现鼠标划过的二级菜单栏的示例教程

今天小编给大家分享使用HTML+CSS实现鼠标划过的二级菜单栏的示例教程效果图： 1、鼠标没在上面 2、鼠标放在一级菜单上，展开二级菜单 3、鼠标放在二级菜单上代码： htmlhead title二级菜单测试/title meta charset=utf-8 style type=text/css /*为了使菜单

847

2018-08-18

HTML/Xhtml
实现css控制元素高度实现自底向上和自顶向下的教程

本篇文章给大家介绍实现css控制元素高度实现自底向上和自顶向下的教程从一个常见问题开始讨论：如何用css将一个元素的高度设置为【浏览器内容窗口高度】。方案一：使元素高度占满屏幕在css中，vh是一个特殊的长度单位，100vh的值就是【浏览器内容窗口高度

969

2018-08-15

css
CSS代码实现三角形和饼图的教程

今天小编给大家实现CSS代码实现三角形和饼图的教程如下图所示： .triangle{width:0;height:0;border-width:50px;border-style:solid;border-color:red blue green yellow;}.triangle_top{width:0;height: 0;border-width:50px;border-style:solid;border-co

1535

2018-08-11

css
js+css实现红包雨效果教程

今天小编给大家带来js+css实现红包雨效果实例教程 1.html部分 div class=hide div class=RedPackage__Box js-RedPackageBox data-txt img src=./images/redPackage.png alt= /div/div 显示红包的容器 div class=RedPackage__Main js-RedPackage/div 2.js部分

194

2018-07-14

JavaScript
CSS实现背景图片透明而文字不透明效果详解

方法一(毛玻璃效果)：背景图 + 伪类 + flite:blur(3px) 方法二(半透明效果)：背景图 + 定位 + background:rgba(255,255,255,0.3) css实现背景图片透明，文字不透明效果的两种方法项目中经常会用到背景图上放一些文字介绍，这里介绍两种技术来实现背景图片透

456

2018-05-10

css
css高级应用：DIV和CSS实现电台列表设计

对于使用DIV和CSS教程的设计也是比较有意思的设计效果，这次文章就给大家简单的介绍下DIV和CSS实现电台列表设计，怎么实现效果，实现DIV和CSS实现电台列表设计效果的代码是什么？下面一起来看看。 CSS Spite技术：也就是CSS精灵技术，实际上CSS的精灵就是图

127

2018-04-23

css
CSS教程：实现背景图片透明而文字不透明效果

今天小编来分享几个css教程实现背景图片透明而文字不透明效果的方法方法一(毛玻璃效果)：背景图 + 伪类 + flite:blur(3px) 方法二(半透明效果)：背景图 + 定位 + background:rgba(255,255,255,0.3) css实现背景图片透明，文字不透明效果的两种方法项目中经

209

2018-04-21

css
CSS实现三栏布局的四种方法示例

前言其实不管是三栏布局还是两栏布局都是我们在平时项目里经常使用的，也许你不知道什么事三栏布局什么是两栏布局但实际已经在用，或许你知道三栏布局的一种或两种方法，但实际操作中也只会依赖那某一种方法，本文具体的介绍了三栏布局的四种方法，并介绍

194

2018-04-15

css
CSS浮动属性Float详解

什么是浮动？浮动是 css 的定位属性。我们可以看一下印刷设计来了解它的起源和作用。印刷布局中，文本可以按照需要围绕图片。一般把这种方式称为文本环绕。这是一个例子：在排版软件里面，存放文字的盒子可以被设置为允许图文混排，或者无视它。无视图文

193

2018-04-11

css
CSS网页布局时常犯的几种小错误

1. 检查HTML元素是否有拼写错误、是否忘记结束标记即使是老手也经常会弄错P的嵌套关系。可以用dreamweaver的验证功能检查一下有无错误。 2. 检查CSS是否书写正确检查一下有无拼写错误、是否忘记结尾的 } 等。可以利用CleanCSS来检查 CSS的拼写错误。CleanC

171

2018-04-11

css
css的margin缩写方式

[Ctrl+A 全部选择提示：你可先修改部分代码，再按运行] 提示：您可以先修改部分代码再运行，保存代码功能在Firefox下无效。在css中使用margin可以将margin-top，margin-right，margin-bottom，margin-left，缩写为一个标记，顺序为上右下左（顺时针）。

92

2018-04-06

css
10个CSS简写优化技巧网页设计必知！

CSS简写就是指将多行的CSS属性简写成一行，又称为 CSS代码优化或 CSS缩写。CSS简写的最大好处就是能够显著减少CSS文件的大小，优化网站整体性能，更加容易阅读。下面介绍常见的CSS简写规则：一、盒子大小这里主要用于两个属性：margin和padding，我们

250

2018-04-06

css
用CSS实现Tab页切换效果的示例代码

最近切一个页面的时候涉及到了一个tab切换的部分，因为不想用js想着能不能用纯CSS的选择器来实现切换效果。搜了一下大致有下面三种写法。 1、利用 :hover 选择器缺点：只有鼠标在元素上面的时候才有效果，无法实现选中和默认显示某一个的效果 2、利用 a标签

116

2018-04-04

css
css3 矩阵的使用详解

这篇文章主要介绍了css3 矩阵的使用详解的相关资料，小编觉得挺不错的，现在分享给大家，也给大家做个参考。一起跟随小编过来看看吧 css3 矩阵变化. 应用格式为: transform: matrix(a,b,c,d,e,f); 对应于就是: 实际应用中的转换就是: 其中: ax+cy+e = 横坐标

184

2018-06-28

css
css实现多边形和梯形盒阴影技巧

一般情况下，我们给块状元素（四边形）添加阴影样式，直接用css box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1);就可以了，但是总有一些需求是那么的特别，例如下图：要求给这样的梯形盒外围加阴影，第一眼感觉也没啥特别的，但是搞起来就知道多烦了。反正我

187

2018-04-02

css