CSS3的几个标签速记3

html-css06

CSS3的几个标签速记3,第1张

border-radius:CSS3圆角 语法：border-radius：25px椭圆边角：语法-border-radius：xx%或者15px/100px

box-shadow:CSS3盒阴影 语法：box-shadow：5px 5px 10px #eee

border-image:使用图像创建一个边框 语法：boder-image：url(xx.xxx) 30 30 round round是平铺、stretch是拉伸

background-size:自定义设置背景图片的大小 语法：background-size：--px --px背景图片完全填充background-size：100% 100%；

background-origin：指定了背景图像的位置区域 border-box padding-box content-box

CSS3允许多个背景图片：background-image:url(img_flwr.gif)，url(img_tree.gif)

CSS3渐变

linear-gradients:线性渐变 语法：background: linear-gradient(to right， red，orange，yellow，green，blue，indigo，violet)

使用透明度transparency 语法：linear-gradients（to right，rgb(255，0，0，0），rgb(255，0，0，1))

为了添加透明度，我们使用 rgba() 函数来定义颜色结点。rgba() 函数中的最后一个参数可以是从 0 到 1 的值，它定义了颜色的透明度：0 表示完全透明，1 表示完全不透明。

radial-gradients:径向渐变 语法与linear-gradients一样，这里不重复。

text-shadow：文本阴影 语法：text-shadow：--px --px --px #eee

word-wrap:break-word如果某个单词过长溢出文本框，此标签强制换行

以上是互联网用户为您的的内容，在阿里云内部有更多的关于CSS3的几个标签速记1 - html/css语言栏目：html.css的内容，欢迎继续使用右上角搜索按钮进行搜索标签、以便于您获取更多的相关信息。

tree块的宽度是50(width)+50(左padding)+50(右padding)=150px,,加的padding是内边距,,背景色是和tree一样的,,所以你的blue块就变成了150px

如果你的blue块只要50px的话得用外边距margin,,#tree{width: 50pxheight: 200pxbackground: bluemargin: 50px},,这样你的blue块宽度就只有50px,,左右两边边距留白50px