分类：前端

本篇文章分享19个CSS唯美的边框，可增加我们的项目"亮"点，让你的项目大放异彩，让用户爱起来！希望对大家有所帮助，快来收藏吧！！渐变边框动画事例地址：https://codepen.io/mike-schultz/pen/NgQvGOCS

分类：前端

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

分类：前端

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

分类：前端

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

分类：前端

在css中，可以使用“word-break”属性实现div超出换行效果，该属性能够让div内容在结尾处自动换行，语法为“div{word-break:break-all;}”。本教程操作环境：windows7系统、CSS3&&HTML5版、

分类：前端

方法：1、利用rgba()函数，语法为“rgba(红色值,绿色值,蓝色值,透明度值);”；2、利用opacity属性，语法为“opacity:透明度值;”；3、利用filter属性，语法为“filter:opacity(透明度值);”。本教

分类：前端

在css中，可以使用border属性设置表格外边框加粗，只需要给表格table元素添加“border:边框宽度 solid 边框颜色值;”样式即可，边框宽度值越大，外边框越粗。本教程操作环境：windows7系统、CSS3&&HTML5版、

分类：前端

css同一行字体改变不同颜色的方法：1、使用多个span标签分别包裹要改变颜色的文字，语法为“文字”；2、利用color属性改变span标签内的文字颜色即可，语法为“color:颜色值;”。本教程操作环境：windows7系统、CSS3&&

分类：前端

方法：1、给div元素添加“margin-top:间距值;”或者“margin-bottom:间距值;”样式来设置div间的上下距离；2、给div元素添加“margin:上边距 右边距 下边距 左边距;”样式设置div间的距离即可。本教程操

分类：前端

在css中，可以利用“text-align”属性设置hr居中，该属性的作用就是规定元素的水平对齐方式，只需要给hr元素添加“text-align:center;”样式即可。本教程操作环境：windows7系统、CSS3&&HTML5版、De

分类：前端

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; }”样式即可。本教程操作环境：