随笔分类 -  Css

css实现气泡样式
摘要：通过两个三角形来叠加出边框来实现 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8" /> <meta name="viewport" content="width=device-width, initial-scale=1.0 阅读全文
posted @ 2021-01-06 10:50 林中有风 阅读(596) 评论(0) 推荐(0)
使用CSS去掉点击后出现的默认边框(video/input...)
摘要：在元素上添加 outline 属性 outline: none; 去除视频默认控件 // 在每个控件加上 display: none video::-webkit-media-controls-fullscreen-button { /* display: none; */ } video::-we 阅读全文
posted @ 2020-07-24 16:20 林中有风 阅读(2282) 评论(0) 推荐(0)
使用Css3新特性，文本超过2行，省略为三个小点
摘要：<!DOCTYPE html> <html> <head> <meta charset="utf-8" /> <title>无标题文档</title> <style> p { overflow: hidden; //隐藏多余行数 text-overflow: ellipsis; display: - 阅读全文
posted @ 2020-05-18 14:00 林中有风 阅读(508) 评论(0) 推荐(0)
用css做三角形
摘要：<html> <body> <style> .trlangle{ width: 0; height: 0; border-left: 50px solid transparent; border-right: 50px solid transparent; border-bottom: 100px 阅读全文
posted @ 2019-09-27 15:21 林中有风 阅读(198) 评论(0) 推荐(0)
PC 爱心动画（预览地址：http://www.yueqingfang.cn/heart/pc.html）
只有注册用户登录后才能阅读该文。
posted @ 2019-07-11 17:09 林中有风