css文本不换行(Css不换行两行显示代码)

  background是背景颜色的缩写

  如果要加背景图片的大小,方式是:颜色 图片 平铺方式 位置 / 背景图片大小

image.png

  background-repeat平铺方式有:no-repeat(不平铺),repeat(平铺),repeat-x(X轴平铺),repeat-y(Y轴平铺)

  linear-gradient()函数,用于设置背景的线性渐变,该函数的第一个参数值是渐变的方向,后面的参数值是渐变的颜色

  background:linear-gradient(to left top,red,blue,green,purple)

  radial-gradient()函数,用于设置背景的径向渐变,该函数不需要传渐变方向,直接传渐变的颜色,从中间向外渐变

  background:radial-gradient(red,blue,green)

  text-shadow文本阴影,属性值分别是:X轴偏移量 Y轴偏移量 阴影的模糊半径 阴影颜色

  vertical-align样式,图片的对齐方式,可以设置图片两端文本相对于图片的对齐方式,属性值包括:top bottom middle

  border的边框类型:solid(实线),double(双实线),dashed(虚线),dotted(点线)

  outline:none;是去掉文本框的轮廓线

  list-style:none;是去掉列表符号

  text-decoration:none;是去掉下划线

  margin:0 auto;是盒子居中显示

  ext-decoration 设置文字的下划线,如:text-decoration:none; 将文字下划线去掉

  text-indent 设置文字首行缩进,如:text-indent:24px; 设置文字首行缩进24px

  text-align 设置文字水平对齐方式,如text-align:center 设置文字水平居中

  text-overflow 设置一行文字宽度超过容器宽度时的显示方式,如:text-overflow:clip 将多出的文字裁剪掉 text-overflow:ellipsis 将多出的文字显示成省略号

  white-space 一般用来设置文本不换行,如:white-space:nowrap 设置文本不换行 一般与text-overflow和overflow属性配合使用来让一行文字超出宽度时显示省略号

  list-style 一般用来设置去掉ul或者ol列表中的小圆点或数字 如:list-style:none

  width 设置盒子内容的宽度,如: width:100px;

  height 设置盒子内容的高度,如: height:100px;


发表评论

评论列表

还没有评论,快来说点什么吧~