好文分享

方式：1、用“text-align:center”样式实现水平居中。2、用“line-height:行高;”样式实现垂直居中。3、用“align-items:center;justify-content:center”样式实现水平垂直居中。 本教程操作环境：windows7系统、CSS3&&…

css控制文本长度的方法：1、给文本元素添加“white-space:nowrap”样式设置文本不换行；2、给文本元素添加“overflow:hidden”样式设置超过文本长度的文字为隐藏即可。 本教程操作环境：windows7系统、CSS3&&HTML5版、Dell G3电脑。 c…

css改变a标签文字样式的方法：1、给a标签设置id值，语法为“..”；2、给a标签添加“#id值{color:字体颜色;font-weight:字体粗细;}”样式来设置a标签字体样式即可。 本教程操作环境：windows7系统、CSS3&&HTML5版、Dell G3电脑。 css…

在css中，可以使用“:active”选择器和transform属性来实现点击图片放大的效果，语法为“图片元素:active{transform:scale(宽度放大倍数,高度放大倍数);}”。 本教程操作环境：windows7系统、CSS3&&HTML5版、Dell G3电脑。 c…

在css中，可以使用caret-color属性将input中光标的颜色设置为透明，进而实现隐藏光标的效果，语法“input{caret-color:transparent;}”。 本教程操作环境：windows7系统、CSS3&&HTML5版、Dell G3电脑。 在项目中遇到一个需…

方法：1、给元素添加“width:直径值;height:直径值”样式创建一个正方形；2、给元素添加“border-radius:50%”样式设置正方形圆角使其变成圆形；3、给元素添加“background:颜色值”样式给圆形填充颜色即可。 本教程操作环境：windows7系统、CSS3&&a…

flex是css属性。css flex属性是flex-grow、flex-shrink和flex-basis属性的简写属性，用于设置或检索弹性盒模型对象的子元素如何分配空间；如果元素不是弹性盒模型对象的子元素，则flex属性不起作用。 本教程操作环境：windows7系统、CSS3&&amp…

在css中，可利用background属性和linear-gradint()函数实现上下渐变的效果，语法为“background:linear-gradient(to bottom,上方颜色,下方颜色);”。 本教程操作环境：windows7系统、CSS3&&HTML5版、Dell …

在css中，可以利用“border-image”属性和linear-gradient()函数实现div边框渐变效果，只需要给div元素添加“border-image:linear-gradient(上方颜色,下方颜色);”样式即可。 本教程操作环境：windows7系统、CSS3&&…

文字太长用省略号显示的方法：1、给文字元素添加“overflow:hidden;”样式将文字超出的部分隐藏起来；2、给文字元素添加“text-overflow:ellipsis;”样式将文字隐藏的部分用省略号“…”表示即可。 本教程操作环境：windows7系统、CSS3&&am…