![](https://img-blog.csdnimg.cn/20201014180756754.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
css
周朝兵
这个作者很懒,什么都没留下…
展开
-
css文本 缩进,单词间隔,下划线,不换行设置
1.css文件中,文本的段落缩进为 text-indent:缩进值 缩进单位为em,如下图所示: 2.单词之间的间隔为 word-spacing:间隔大小 如下图所示: 3.设置文字的下划线为 text-decorction:underline 如下图所示: 4.设置文本不换行 ...原创 2019-07-14 13:45:24 · 760 阅读 · 0 评论 -
盒子边框、外边距、内边距以及浮动设置
1.浮动设置 float:浮动方向 right右浮动 left左浮动。 2.边框设置 dorder:宽度 样式 颜色 ,其中边框实线为solid,虚线为dotted。 3.外边距设置 margin:距离 1-4个值都可以,顺时针赋值,或者 margin...原创 2019-07-14 14:39:50 · 1768 阅读 · 0 评论 -
盒子模型-溢出
溢出为 overflow: 其中visible为默认值,表示溢出可以被看见;hidden表示溢出部分被裁减掉,且不可见;scrool表示设置滚动条,不论是否出现溢出都出现;auto自动适应,表示溢出部分出现滚动条。详情如下图所示: overflow:visible 溢出可见 overflow:hidden 溢出部分被裁减 ov...原创 2019-07-14 15:16:44 · 474 阅读 · 0 评论 -
边框阴影
边框阴影为box-shadow: 其中h-shadow为阴影水平偏移;v-shadow为阴影垂直偏移;blar为模糊边框的距离;apread为阴影的尺寸;inset为将外阴影改变为内阴影。 添加阴影效果后: ...原创 2019-07-14 15:42:14 · 783 阅读 · 0 评论 -
渐变
渐变分为线性渐变 和 径向渐变。 线性渐变为: background-image:linear-gradient(angle,color-point) 其中angle表示取值;color-point表示颜色位置分布。 angle的取值为角度,可以理解为一个圆 详情见如下图所示: 径向渐变为: background-image:radient(【size ...原创 2019-07-14 16:18:28 · 283 阅读 · 0 评论