CSS border
div{ border:2px solid; border-radius:25px; }定义和用法border-radius 属性是一个简写属性,用于设置四个 border-radius 属性。提示:该属性允许您为元素添加圆角边框!默认值:0继承性:no版...
li标签下有一个a标签,鼠标放在li标签上,如何让a标签变色
要实现当鼠标放在 li 标签上时让内部的 a 标签变色,你可以使用 CSS 的 :hover 选择器结合后代选择器。下面是一个简单的示例:假设你的 HTML 结构如下:<ul> <li><a href='#'>...
css 背景颜色渐变属性(linear
语法:<linear-gradient> = linear-gradient([ [ <angle> | to <side-or-corner> ] ,]? <color-stop>[, <color-stop>]+) <side-or-corner> = [left | righ...
css3 2D动画(transform)
transform语法:transform:none | <transform-function>+ transform-function list: matrix() = matrix(<number>[,<number>]{5,5}) matrix3d() = matrix3d(<number>[,...
html css 标题显示一行 超出部分隐藏
要实现在HTML中使标题显示一行,并隐藏超出部分,可以使用CSS样式来控制元素的显示方式。下面是一种常用的方法:HTML代码:<div class='title'> <h1>这是一个非常非常长的标题,需...
css 背景图固定不滚动(background
background-attachment 属性body { background-image:url('smiley.gif'); background-repeat:no-repeat; background-attachment:fixed; }标签定义及使用说明background-attachment设置背景图像...
css 兄弟姐妹褪色
淡出悬停项的同级。 使用 a 对 所做的更改进行动画处理。 transitionopacity使用 和 伪类选择器更改除鼠标所在的元素之外的所有元素。 :hover:notopacity0.5 <div class="sibling-fade&...
html+css写的一个网站缩略图生成器
::(不高兴)模板网站的缩略图都很好看,于是我也想,于是我折腾,结果我........摆烂 :@(装大款) 只写了一个PC端的,电脑可以拿去截图用::(阴险) 作用:可以生成你自己的网站缩略图效果图{hide}{...
css vh和vw自适应
在移动端中利用REM的相对于根HTML进行改变,通过一段JS实现了移动端自适应,本文则使用纯CSS视口单位来自行自适应,虽然现在的兼容性还没法完全能够接受,但不妨碍你认识这个vw和vh的强大。 响...
CSS 圆角
CSS 圆角通过 CSS border-radius 属性,可以实现任何元素的“圆角”样式。CSS border-radius 属性CSS border-radius 属性定义元素角的半径。提示:您可以使用此属性为元素添加圆角!这里有三个...
css 创建悬停时旋转的双面卡
创建悬停时旋转的双面卡。 将卡的 设置为无。 backface-visibility最初,将卡的背面设置为 ,将正面设置为 。 rotateY()-180deg0deg悬停后,将正面设置为 和 背面 。 rotateY()180deg0deg设置适...