CSS
CHY__YHC
这个作者很懒,什么都没留下…
展开
-
对叠加的兄弟元素,下层元素绑定事件,穿透上层兄弟元素
问题:两个兄弟元素,其中一个元素置于另一个元素上层,对下层元素绑定点击事件触发不了。代码: <style> *{ margin: 0; padding: 0; } .outer{ width: 300px; height: 300px; background-color: red; margin原创 2021-09-02 22:33:38 · 739 阅读 · 0 评论 -
input标签中 placeholder 属性的进行设置
需求:改变 input 标签中提示文本内容字体的颜色,如图:方法:CSS中有一个针对 palceholder 属性设置的样式,如下:::-webkit-input-placeholder{ color: red;}原创 2021-08-06 13:06:10 · 596 阅读 · 0 评论 -
CSS实现动态水滴效果
今天在B站上,看到了一个使用HTML和CSS,实现动态水滴的效果https://www.bilibili.com/video/BV1Qy4y1L7ot,感觉挺好玩的,就试了式。<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <me原创 2021-08-04 13:09:27 · 676 阅读 · 0 评论 -
去除 span标签之间的空隙
在我们使用span标签时,如果想要换行就会发现两个span标签之间会有间隙,如下:<div class="box"> <span>一</span> <span>二</span></div>span{ display: inline-block; width: 30px; height: 30px; background:brown; line-height: 30px原创 2021-07-23 16:27:44 · 2692 阅读 · 0 评论 -
CSS 实现盒子只有底边有阴影
这里我们要用到 box-shadow代码如下:.mask { margin: 300px ; width: 300px; height: 40px; border: 1px solid black; box-shadow: 0px -20px 30px -30px inset #000;}<div class="mask"></div>效果如下:...原创 2021-07-21 08:53:57 · 3202 阅读 · 0 评论