-
border-radius是向元素添加圆角边框。 使用方法: border-radius:10px; /* 所有角都使用半径为10px的圆角 */ border-radius: 5px 4px 3px 2px; /* 四个半径值分别是左上角、右上角、右下角和左下角,顺时针 */ 不要以为border-radius的值只能用px单位,你还可以用百分比或者em,但兼容性目前还不太好。 实心上半圆: 方法:把高度(height)设为宽度(width)的一半,并且只设置左上角和右上角的半径与元素的高度一致(大于也是可以的)。 div{ height:50px;/*是width的一半*/ width:100px; background:#9da; border-radius:50px 50px 0查看全部
-
a标签设置block后,直接对a进行样式定义查看全部
-
1、matrix(scaleX(),skewY(),skewX(),scaleY(),translateX(),translateY()); 水平伸缩量,纵向扭曲,横向扭曲,垂直伸缩量,水平偏移量,垂直偏移量 其中: scaleX():为元素的水平伸缩量,1为原始大小; skewY():为纵向扭曲,0为不变; skewX():为横向扭曲,0为不变; scaleY():为垂直伸缩量,为原始大小; translateX():为水平偏移量,0为初始位置; translateY():为垂直偏移量,0为初始位置。查看全部
-
请输入笔记内容...查看全部
-
CSS3选择器 ::before和::after 主要用来给元素的前面或后面插入内容,这两个常和"content"配合使用,使用的场景最多的就是清除浮动。查看全部
-
box-shadow: X轴偏移量 Y轴偏移量 [阴影模糊半径] [阴影扩展半径] [阴影颜色] [投影方式], X轴偏移量 Y轴偏移量 [阴影模糊半径] [阴影扩展半径] [阴影颜色] [投影方式],....; 用来设置边框阴影。查看全部
-
实心上半圆: 方法:把高度(height)设为宽度(width)的一半,并且只设置左上角和右上角的半径与元素的高度一致(大于也是可以的)。 div{ height:50px;/*是width的一半*/ width:100px; background:#9da; border-radius:50px 50px 0 0;/*半径至少设置为height的值*/ }查看全部
-
-webkit:chrome和safari -moz:firefox -ms:IE -o:opera查看全部
-
matrix(scaleX(),skewY(),skewX(),scaleY(),translateX(),translateY()); 水平伸缩量,纵向扭曲,横向扭曲,垂直伸缩量,水平偏移量,垂直偏移量查看全部
-
设置元素背景图片的原始起始位置。 语法: background-origin : border-box | padding-box | content-box; 参数分别表示背景图片是从边框,还是内边距(默认值),或者是内容区域开始显示。 效果如下: 需要注意的是,如果背景不是no-repeat,这个属性无效,它会从边框开始显示。查看全部
-
CSS3文字与字体 嵌入字体@font-face语法: @font-face { font-family : 字体名称; src : 字体文件在服务器上的相对或绝对路径; }查看全部
-
但是text-overflow只是用来说明文字溢出时用什么方式显示,要实现溢出时产生省略号的效果,还须定义强制文本在一行内显示(white-space:nowrap)及溢出内容为隐藏(overflow:hidden),只有这样才能实现溢出文本显示省略号的效果,代码如下: text-overflow:ellipsis; overflow:hidden; white-space:nowrap;查看全部
-
linear-gradient(to bottom,red,blue) no-repeat right/1px 15px; 意思就是设置一个渐变线,然后后面设置这个渐变线的宽度,高度。因为宽度为1px让我们视觉上以为起始那就是一条线查看全部
-
radial设置渐变不需要加方向,加方向没用效果显示查看全部
-
贼几把难啊查看全部
-
animation-play-state属性主要用来控制元素动画的播放状态。 参数: 其主要有两个值:running和paused。 其中running是其默认值,主要作用就是类似于音乐播放器一样,可以通过paused将正在播放的动画停下来,也可以通过running将暂停的动画重新播放,这里的重新播放不一定是从元素动画的开始播放,而是从暂停的那个位置开始播放。另外如果暂停了动画的播放,元素的样式将回到最原始设置状态查看全部
举报
0/150
提交
取消