随笔分类 -  CSS

css翅边阴影
摘要：<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>::before和::after</title> <style> .effect{ position: relative; width: 50%; height: 30%; pad 阅读全文
posted @ 2019-10-10 10:19 森林王子 阅读(158) 评论(0) 推荐(0)
把bootstrap4 dropdown 的导航下拉菜单触发方式改为鼠标浮动触发
摘要：方法1： 原文： https://zzll.org/article/bootstrap4-xialacaidan 很简单，css中加入如下代码 修改完成后发现一个小问题，菜单和文字间有一点空隙，鼠标移动到空隙后菜单就隐藏了。我们再修改 dropdown-menu 的样式，加一个 mt-0 的样式就没 阅读全文
posted @ 2019-03-28 19:51 森林王子 阅读(3169) 评论(0) 推荐(1)
常用css片段
摘要：强制换行： 强制换行 1、word-break: break-all; 只对英文起作用，以字母作为换行依据。 2、word-wrap: break-word; 只对英文起作用，以单词作为换行依据。 3、white-space: pre-wrap; 只对中文起作用，强制换行。 禁止换行 white-s 阅读全文
posted @ 2018-07-13 14:16 森林王子 阅读(107) 评论(0) 推荐(0)
实现隔行颜色交替、鼠标经过高亮颜色
摘要：纯CSS方式实现隔行颜色交替、鼠标经过高亮颜色： js方式实现隔行颜色交替、鼠标经过高亮颜色： 在线测试：http://www.runoob.com/try/try.php?filename=tryjquery_hide 阅读全文
posted @ 2016-10-19 14:29 森林王子 阅读(486) 评论(0) 推荐(0)