-
text-overflow用来设置是否使用一个省略标记（...）标示对象内文本的溢出； text-overflow:clip剪切|ellipsis表示显示省略标记查看全部
-
线性渐变(linear)和径向渐变(radial)查看全部
-
伪元素 after{content:'';}content属性是必须带的 。你可以为空 可以为字体内容 因为要加分割线你写文字进去那肯定不是我们想要的效果，从而控制一个空内容的after让其有宽高在用背景色实现就好了 ，跟你在后面添加一个内联元素其实是一样的道理。 伪元素/伪类就是指本来不具备这些属性的元素，通过添加：hover ：before ：after之类的选择器触发后才具备的属性。 双冒号是在当前规范中引入的，用于区分伪类和伪元素。但是伪类兼容现存样式，浏览器需要同时支持旧的伪类，比如:first-line、:first-letter、:before、:after等。 对于CSS2之前已有的伪元素，比如:before和:after，单冒号和双冒号的写法::before和::after作用是一样的。如果只需要兼容webkit、firefox、opera等浏览器，建议对于伪元素采用双冒号的写法，如果不得不兼容IE浏览器，还是用CSS2的单冒号写法比较安全。查看全部
-
border-image 边框应用图片 border-image:url(borderimg.png) 70 repeat 重复 round 平铺 stretch 拉伸查看全部
-
box-shadow是向盒子添加阴影查看全部
-
border-radius:10px; 设置圆角矩形；实心上半圆：把高度(height)设为宽度（width）的一半，并且只设置左上角和右上角的半径与元素的高度一致（大于也是可以的）。查看全部
-
两行代码background-origin: border-box;|background-clip: padding-box;查看全部
-
背景图起始位，注意重复设置为no-repeat查看全部
-
最外边界border-box | 填充线padding-box | 内容content-box查看全部
-
文本阴影：X轴，Y轴，模糊度，颜色， 加上倾斜代码可做网页创意标题 text-shadow: 2px 2px 0 red;查看全部
-
很有用的透明条样式 background:rgba(255,255,255,0.5);查看全部
-
text-overflow,省略方式，ellipsis是省略号，clip则是剪切掉查看全部
-
线性斜线-向左上角，background-image:linear-gradient(to top left, red, orange,yellow,green,pink,violet);查看全部
-
通过形变来铺满边框border_image:url('http://img1.sycdn.imooc.com//52e22a1c0001406e03040221.jpg') 15 round;查看全部
-
内部阴影 0px 0px 12px 5px #33CC00 inset查看全部
举报
0/150
提交
取消