CSS 第2页
层叠样式表(英文全称:Cascading Style Sheets)是一种用来表现HTML(标准通用标记语言的一个应用)或XML(标准通用标记语言的一个子集)等文件样式的计算机语言。CSS不仅可以静态地修饰网页,还可以配合各种脚本语言动态地对网页各元素进行格式化。
css3 网格布局-红穆笔记

css3 网格布局

一、概述网格布局(Grid)是最强大的 CSS 布局方案。它将网页划分成一个个网格,可以任意组合不同的网格,做出各种各样的布局。以前,只能通过复杂的 CSS 框架达到的效果,现在浏览器内置了。上...
红穆的头像-红穆笔记钻石会员红穆3年前
01141
ul中,如何让6个li,分成两列?-红穆笔记

ul中,如何让6个li,分成两列?

在HTML和CSS中,有多种方式可以实现将<ul>中的6个<li>元素分成两列显示。下面介绍几种常见的方法:方法1:使用CSS Flexbox你可以将<ul>设置为一个flex容器,然后通过设置flex...
红穆的头像-红穆笔记钻石会员红穆7个月前
11106
HTML+CSS+Swiper 实现网易云手机端三列左右滑动思路-红穆笔记

HTML+CSS+Swiper 实现网易云手机端三列左右滑动思路

先利用Swiper 来实现左右滑动!再用HTML+css实现文字图片布局显示!代码: 
红穆的头像-红穆笔记钻石会员红穆1年前
0976
li标签下有一个a标签,鼠标放在li标签上,如何让a标签变色-红穆笔记

li标签下有一个a标签,鼠标放在li标签上,如何让a标签变色

要实现当鼠标放在 li 标签上时让内部的 a 标签变色,你可以使用 CSS 的 :hover 选择器结合后代选择器。下面是一个简单的示例:假设你的 HTML 结构如下:<ul> <li><a href='#'>...
红穆的头像-红穆笔记钻石会员红穆9个月前
08913
css 创建悬停时旋转的双面卡-红穆笔记

css 创建悬停时旋转的双面卡

创建悬停时旋转的双面卡。 将卡的 设置为无。 backface-visibility最初,将卡的背面设置为 ,将正面设置为 。 rotateY()-180deg0deg悬停后,将正面设置为 和 背面 。 rotateY()180deg0deg设置适...
红穆的头像-红穆笔记钻石会员红穆3年前
08715
在判断p标签下存在img标签的情况下才使img标签居中-红穆笔记

在判断p标签下存在img标签的情况下才使img标签居中

可以使用以下CSS代码来在存在<img>标签时将其居中:p img { display: block; /* 将<img>标签设置为块级元素 */ margin: 0 auto; /* 设置左右外边距为自动,即水平居中 */ }这将使&l...
红穆的头像-红穆笔记钻石会员红穆2年前
08411
用css 添加手状样式,鼠标移上去变小手,变小手-红穆笔记

用css 添加手状样式,鼠标移上去变小手,变小手

用css 添加手状样式,鼠标移上去变小手,变小手cursor:pointer;用JS使鼠标变小手onmouseover(鼠标越过的时候)onmouseover='this.style.cursor='hand''cursor其他取值 auto :标准光标 default :...
红穆的头像-红穆笔记钻石会员红穆3年前
08311
html css 标题显示一行 超出部分隐藏-红穆笔记

html css 标题显示一行 超出部分隐藏

要实现在HTML中使标题显示一行,并隐藏超出部分,可以使用CSS样式来控制元素的显示方式。下面是一种常用的方法:HTML代码:<div class='title'> <h1>这是一个非常非常长的标题,需...
红穆的头像-红穆笔记钻石会员红穆2年前
0816
css3 2D动画(transform)-红穆笔记

css3 2D动画(transform)

transform语法:transform:none | <transform-function>+ transform-function list: matrix() = matrix(<number>[,<number>]{5,5}) matrix3d() = matrix3d(<number>[,...
红穆的头像-红穆笔记钻石会员红穆3年前
0797
css 汉堡包按钮-红穆笔记

css 汉堡包按钮

显示一个汉堡菜单,该菜单在悬停时转换为十字按钮。 使用包含顶部、底部和中间条形的容器。 .hamburger-menudiv将容器设置为 with 。 display: flexflex-flow: column wrap使用 添加条形图之间...
红穆的头像-红穆笔记钻石会员红穆3年前
07813
CSS border-红穆笔记

CSS border

div{ border:2px solid; border-radius:25px; }定义和用法border-radius 属性是一个简写属性,用于设置四个 border-radius 属性。提示:该属性允许您为元素添加圆角边框!默认值:0继承性:no版...
红穆的头像-红穆笔记钻石会员红穆3年前
07613
css 浮动后,父盒子没有高度解决办法-红穆笔记

css 浮动后,父盒子没有高度解决办法

如下所示,子元素 div2 本身具有高度和宽度,但由于其具有float:left;属性后。其父元素 div1 不具有高度。<html> <head> </head> <body> <div id="div1"...
红穆的头像-红穆笔记钻石会员红穆3年前
0769