如果实现单行文本的溢出显示省略号同学们应该都知道用text-overflow:ellipsis属性来，当然还需要加宽度width属来兼容部分浏览。 实现方法： overflow: hidden; text-overflow:ellipsis; white-space: nowrap; 效果如图： 但是这个属性只支持单行文…
CSS3 box-shadow 属性用来描述一个元素的一个或多个阴影效果，该属性几乎可以让你完成你想要的任何阴影效果。然而 box-shadow 属性语法和取值非常灵活，对于新手有点不容易理解。今天总结一下语法和 box-shadow 属性各种阴影效果。 语法 CSS 代码: /* offset-x | offset-y | color */ bo…
字间距 1、text-indent设置抬头距离css缩进 即对对应div设置css样式text-indent : 20px; 缩进了20px 2、letter-spacing来设置字与字间距_字符间距离，字体间距css样式 即对对应div设置css属性样式为letter-spacing:8px;，字间距为8px 行间距 在CSS中，可以设置行间距，…
background-image: url('../img/img_bg.png'); background-size:cover;
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title> 菜鸟教程(runoob.com) </title> <style> #grad1 { height: 150px; width: 200px; …
/* 圆角 */ -moz-border-radius-topleft:15px; -moz-border-radius-topright:15px; -moz-border-radius-bottomright:15px; -moz-border-radius-bottomleft:15px; -webkit-border-top-left-ra…