CSS小章节认识

最新推荐文章于 2020-01-12 08:58:08 发布

赵剑华

最新推荐文章于 2020-01-12 08:58:08 发布

阅读量107

点赞数

本文链接：https://blog.csdn.net/zhaojianhua1997/article/details/102948467

版权

溢出省略号：
overflow:hidden;
text-overflow:eclipse;
white-space:nowarp;
在这里插入图片描述

.seckill-main ul li h5{
    height: 30px;
    line-height: 30px;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    color: #333;
    font-weight: normal;
}`

前后插入：
::before /::after
{
content:"";}
在这里插入图片描述

.ms-right div::before{
    content: "";
    height:1px;
    width: 60px;
    background:linear-gradient(270deg,transparent,#fff,#eee,#eee,#fff,transparent);
    position: absolute;
    left:2px;
    right:2px;
}

linear-gradient(270deg,red,yellow,green,pink) 线性渐变
在这里插入图片描述

在这里插入代码片<!DOCTYPE html>
<html>
<head lang="en">
    <meta charset="UTF-8">
    <title></title>
    <style>
        div{
            width: 200px;
            height: 100px;
            background: linear-gradient(270deg,red,yellow,green,pink);
        }
    </style>
</head>
<body>
<div></div>
</body>
</html>

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

赵剑华

关注关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
CSS小章节认识

溢出省略号：overflow:hidden;text-overflow:eclipse;white-space:nowarp;.seckill-main ul li h5{ height: 30px; line-height: 30px; text-overflow: ellipsis; overflow: hidden; white-space:...
复制链接

扫一扫