
CSS
爱代码的小海
这个作者很懒,什么都没留下…
展开
-
box-shadow实现单边阴影、多边阴影、呼吸动画效果
1.box-shadow属性分析下图是w3cschool对于box-shadow属性的解释h-shadow:阴影在X轴的移动距离,正数向X轴正方向移动,负数向X轴负方向移动v-shadow:阴影在Y轴的移动距离,正数向Y轴正方向移动,负数向Y轴负方向移动blur:模糊距离,不能为负数spread:阴影尺寸,正数时阴影扩大,负数时阴影缩小2.各种单边阴影、多边阴影的实现需要注意的是,因为模糊距离(blur)的值不为0,所以正常情况下,未设置阴影的边界也会出现阴影,这时候需要设置spread为负原创 2020-09-09 15:13:02 · 2570 阅读 · 1 评论 -
table表格的样式修改
<template> <div class="wrapper"> <table> <thead> <tr> <th v-for="(item,index) in tableData.thList" :key="index"> <div>第{{index + 1}}项</div> <div>{{i原创 2020-08-23 18:41:35 · 2307 阅读 · 0 评论 -
常用的CSS样式(input输入框的placeholder、滚动条、Chrome记住密码的样式、文本溢出)
# 修改input输入框placeholder的默认样式/deep/ input::-webkit-input-placeholder { color: #fff;}/deep/ input::-moz-input-placeholder { color: #fff;}/deep/ input::-ms-input-placeholder { color: #fff;}# 修改chrom记住密码输入框填充后默认的颜色/deep/ input:-webkit-auto原创 2020-08-23 17:31:49 · 1022 阅读 · 0 评论 -
CSS总结
CSS知识点总结1.link标签的rel属性 指明当前文档和链接文档之间的关系 stylesheet表示是一个样式表2.link设置网页图标 3.id选择器 可以有多个HTML结构是相同的id html和css都可以正常操作和修饰 但是JS只能获取到第一个具有该id的html结构4.权重关系!important infinity 正...原创 2019-10-09 09:24:28 · 152 阅读 · 0 评论