css新增属性

奎奎网络
2022-08-13 / 0 评论 / 1,857 阅读 / 正在检测是否收录...
温馨提示:
本文最后更新于2022年08月14日,已超过846天没有更新,若内容或图片失效,请留言反馈。

css新增属性

  table tr:nth-child(1) {
      tr父盒子下面的第一个tr
            background-color: #ddd;
        }

        table tr:not(:first-child):hover {
            tr父盒子下面的tr下面除了第一个属性,别的都被hover
            background-color: #eee;
        }

CSS3禁止用户选中文字——user-select: none;

css渐变

background-image: linear-gradient(to right, red, pink);

取消a超链接下划线

text-decoration: none;//取消a超链接下划线

字体文本超出隐藏省略号显示

white-space:nowrap;
text-overflow:ellipsis;
overflow:hidden;

字体多行文本超出隐藏省略号显示

overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp: 4;/*多行数*/
-webkit-box-orient: vertical;

表单

表单合并边框

border-collapse: collapse;//表单合并边框

css定位元素垂直居中

position:absolute;
left:50%;
top:50%;
transform:translate(-50%,-50%);

css不让用户双击选中

user-select=none;

看到这里了还不点个赞

const style = 'color: red; background: skyblue; font-size: 24px; padding: 10px; font-weight: bold;'
console.log('%c都看到这里了,还不点个赞?', style)
202

最后更新时间:2022 年 08 月 14 日 03:34:46

评论 (0)

取消