列表
-
前端
css实现旋转45度的属性是transform属性,想要顺时针旋转就给元素添加“transform:rotate(45deg)”样式,想要逆时针旋转就给元素添加“transform:rotate(315deg)”样式。本教程操作环境:win
-
前端
css实现自适应正方形的方法:1、给元素添加“width:宽度数值%;”样式,使正方形元素的宽度自适应;2、给元素添加“height:宽度数值vw;”样式,使正方形元素的高度自适应即可。本教程操作环境:windows7系统、CSS3&&HT
-
前端
在css中,可以利用“:nth-child”选择器来选中第n个元素并修改该元素的样式,该选择器能匹配属于其父元素的第n个子元素,不论元素的类型,语法为“:nth-child(n){修改内容;}”。本教程操作环境:windows7系统、CSS
-
前端
方法:1、给文本框元素添加“color:transparent;”样式使文本框内的文字和光标透明;2、给文本框元素添加“text-shadow:h-shadow v-shadow blur color;”样式使文字显示出来即可。本教程操作环
-
前端
css隐藏行元素的方法:1、利用display属性,只需要给行元素添加“display:none”样式即可;2、利用visibility属性,只需要给行元素添加“visibility:hidden”样式即可。本教程操作环境:windows7
-
前端
在css中,可以利用overflow属性隐藏元素多出的部分,只需要给元素添加“overflow:hidden”样式即可;该属性值设置为hidden时,超出元素框的元素内容就会被裁剪不显示。本教程操作环境:windows7系统、CSS3&&H
-
前端
css设置鼠标放上图片出现文字的方法:1、给文字元素添加“display:none;”样式使其隐藏;2、使用“父元素:hover 文字元素{display:block;}”语句实现鼠标放在图片上显示文字的效果。本教程操作环境:windows
-
前端
css设置文字水平垂直居中的方法:1、给文字元素添加“{align-items:center}”样式使其水平方向居中;2、给文字元素添加“{justify-content:center}”样式使其垂直方向居中即可。本教程操作环境:windo
-
前端
在css中,可以利用“border-radius”属性设置button为直角,只需要给button元素添加“{border-radius:0%;}”或者“{border-radius:0px;}”样式即可。本教程操作环境:windows7系
-
前端
在css中,可以利用“writing-mode”属性设置文字垂直显示,只需要给文字元素添加“{writing-mode:vertical-rl; }”或者“{writing-mode:vertical-lr; }”样式即可。本教程操作环境:
-
前端
在css中,可以使用“:hover”伪类选择器和background属性实现鼠标悬浮改变图片的效果,语法为“图片元素:hover{background:url(鼠标悬浮后显示图片的路径);}”。本教程操作环境:windows7系统、CSS3
-
前端
在css中,可以利用linear-gradient()函数来绘制三角形,语法为“background:linear-gradient(45deg,颜色值,颜色值 50%,transparent 50%,transparent 100%)”。
-
前端
css让ul中的li不换行的方法:1、利用float属性,只需要给li元素添加“{float:left;}”样式即可。2、利用display属性,只需要给li元素添加“{display:inline;}”样式即可。本教程操作环境:windo
-
前端
方式:1、用“text-align:center”样式实现水平居中。2、用“line-height:行高;”样式实现垂直居中。3、用“align-items:center;justify-content:center”样式实现水平垂直居中。
-
前端
css控制文本长度的方法:1、给文本元素添加“white-space:nowrap”样式设置文本不换行;2、给文本元素添加“overflow:hidden”样式设置超过文本长度的文字为隐藏即可。本教程操作环境:windows7系统、CSS3
-
前端
css改变a标签文字样式的方法:1、给a标签设置id值,语法为“<a id="id值">..”;2、给a标签添加“#id值{color:字体颜色;font-weight:字体粗细;}”样式来设置a标签字体样式即可。本教程操作环境:windo
-
前端
在css中,可以使用“:active”选择器和transform属性来实现点击图片放大的效果,语法为“图片元素:active{transform:scale(宽度放大倍数,高度放大倍数);}”。本教程操作环境:windows7系统、CSS3
-
前端
在css中,可以使用caret-color属性将input中光标的颜色设置为透明,进而实现隐藏光标的效果,语法“input{caret-color:transparent;}”。本教程操作环境:windows7系统、CSS3&&HTML5版
-
前端
方法:1、给元素添加“width:直径值;height:直径值”样式创建一个正方形;2、给元素添加“border-radius:50%”样式设置正方形圆角使其变成圆形;3、给元素添加“background:颜色值”样式给圆形填充颜色即可。本
-
前端
在css中,可以使用border-right属性来设置表格的右边框,该属性的作用就是指定元素右边框的宽度、样式和颜色,语法“table{border-right: 边框宽度 边框样式 边框颜色;}”。本教程操作环境:windows7系统、C