CSS3实用方法小记 2016.03.16_html/css_WEB-ITnose
Freigeben: 2016-06-24 11:17:10
Original
1254 Leute haben es durchsucht
-
圆角边框:
border-radius : 4px;
Nach dem Login kopieren
box阴影:
box-shadow : 5px 5px 3px #000 ; /* 参数分别为向右拓展距离,向下拓展距离,阴影宽度,颜色*/
Nach dem Login kopieren
背景图片大小:
div{background:url(bg_flower.gif);-moz-background-size:63px 100px; /* 老版本的 Firefox */background-size:63px 100px;background-repeat:no-repeat;}
Nach dem Login kopieren
背景图片位置
div{background:url(bg_flower.gif);background-repeat:no-repeat;background-size:100% 100%;-webkit-background-origin:content-box; /* Safari */background-origin:content-box;/*border-box, padding-box*/}
Nach dem Login kopieren
文本阴影
text-shadow : 5px 5px 3px #000; /*参数分别为向右拓展距离,向下拓展距离,阴影宽度,颜色 */
Nach dem Login kopieren
强制自动换行
p {word-wrap:break-word;}
Nach dem Login kopieren
分列
div{column-gap: 3px; /* 列间间隔长度 */-moz-column-count:3; /* Firefox */-webkit-column-count:3; /* Safari 和 Chrome */column-count:3;}
Nach dem Login kopieren
Erklärung dieser Website
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn
Neueste Artikel des Autors
-
2024-10-22 09:46:29
-
2024-10-13 13:53:41
-
2024-10-12 12:15:51
-
2024-10-11 22:47:31
-
2024-10-11 19:36:51
-
2024-10-11 15:50:41
-
2024-10-11 15:07:41
-
2024-10-11 14:21:21
-
2024-10-11 12:59:11
-
2024-10-11 12:17:31