随笔分类 -  CSS

1 2 下一页
css gradient
摘要：<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="wi 阅读全文
posted @ 2022-02-14 22:40 lunawzh 阅读(30) 评论(0) 推荐(0)
一个造浪的网站
摘要：https://getwaves.io/ 设计网站时可以用到这种造浪效果，使用得当界面会非常漂亮 阅读全文
posted @ 2022-02-14 22:30 lunawzh 阅读(46) 评论(0) 推荐(0)
CSS三角制作
摘要：网页中三角制作 width: 0; height: 0; border-color: transparent white transparent transparent; border-style: solid; border-width: 50px 10px 0 0 ; 或 width: 0; h 阅读全文
posted @ 2021-07-28 15:37 lunawzh 阅读(47) 评论(0) 推荐(0)
溢出的文字省略号显示
摘要：<p> 我们是冠军！中国女子赛艇四朵金花再次绽放浪花之中！十三年的期盼，十三年的传承，金牌再次属于中国女子四人双桨团队 </p> 1、单选 p { white-space: nowrap; overflow : hidden; text-overflow: ellipsis; } 2、多行 p { 阅读全文
posted @ 2021-07-28 13:49 lunawzh 阅读(35) 评论(0) 推荐(0)
半透明边框，有空研究一下
摘要：转 https://segmentfault.com/q/1010000007867068/a-1020000007878364 阅读全文
posted @ 2021-05-19 12:49 lunawzh 阅读(37) 评论(0) 推荐(0)
前端页面加蒙版的几种方法
摘要：引自： https://blog.csdn.net/qq_43296918/article/details/90600658 阅读全文
posted @ 2020-03-01 12:26 lunawzh 阅读(1044) 评论(0) 推荐(0)
一个简单的遮罩层
摘要：比较简单，实用 阅读全文
posted @ 2019-01-12 10:52 lunawzh 阅读(382) 评论(0) 推荐(0)
css 层加透明度后文字依然清晰
摘要：background: rgba(0, 0, 0, 0.5) none repeat scroll 0 0 !important; /*实现FF背景透明，文字不透明*/ filter: Alpha(opacity=80); background: #0a0a0a; /*实现IE背景透明*/ 阅读全文
posted @ 2017-07-25 23:21 lunawzh 阅读(933) 评论(0) 推荐(0)
css实现 显示一行文字，超出用...代替
摘要：overflow:hidden; white-space:nowrap; text-overflow:ellipsis; 阅读全文
posted @ 2017-07-25 22:39 lunawzh 阅读(2086) 评论(0) 推荐(0)
一个好的字体显示图标的方法Font Awesome
摘要：Font Awesome 阅读全文
posted @ 2017-07-25 18:54 lunawzh 阅读(175) 评论(0) 推荐(0)
css 在背景图上加渐变
摘要：我的第一个 HTML 页面 开发者文档 开发者在创建公众号、获得接口权限后，可阅读开发者文档帮助完成接入及功能开发。 阅读全文
posted @ 2017-07-18 10:40 lunawzh 阅读(10765) 评论(0) 推荐(0)
CSS自适应导航菜单
摘要：以下是一个简单实例，可以通过学习了解响应工菜单的制作。 html css 页面小于600显示成一列 阅读全文
posted @ 2017-03-11 14:39 lunawzh 阅读(8288) 评论(0) 推荐(0)
网页中添加一个区域，带有滚动条
摘要：#userinfo { overflow-y: scroll; position: absolute; top: 15px; bottom: 15px; width: 90%; min-height: 300px; } 阅读全文
posted @ 2017-03-08 17:15 lunawzh 阅读(1035) 评论(0) 推荐(0)
bootstrap练习制作网页
摘要：导航条 反色的导航条 四边不要圆角，改成直角，添加样式 在输入框的任意一侧添加额外元素或按钮。你还可以在输入框的两侧同时添加额外元素。 我们不支持在输入框的单独一侧添加多个额外元素（.input-group-addon 或 .input-group-btn）。 栅格：规定一行是12格，如果一行分成 阅读全文
posted @ 2017-03-02 20:43 lunawzh 阅读(2685) 评论(0) 推荐(0)
强大的提交框：jquery.jbox
摘要：http://www.jjsp.gov.cn:8888/js/jbox-v2.3/jbox-demo2.html 阅读全文
posted @ 2016-03-04 13:05 lunawzh 阅读(234) 评论(0) 推荐(0)
7款很棒的 HTML5 视频播放器
摘要：做个连接：http://www.cnblogs.com/lhb25/archive/2011/06/27/7-great-html-5-video-player-scripts.html 阅读全文
posted @ 2016-02-21 11:04 lunawzh 阅读(337) 评论(0) 推荐(0)
html5 isPointInPath相关操作
摘要：<body> <canvas id="c1" width="400" height="400"> </canvas> <script type="text/javascript"> var oC = document.getElementById("c1"); var oGC = oC.getCon 阅读全文
posted @ 2016-02-21 08:50 lunawzh 阅读(315) 评论(0) 推荐(0)
html5 拖拽练习题
摘要：html5新的拖拽 只支持Internet Explorer 9、Firefox、Opera 12、Chrome 以及 Safari 5 支持拖放。 来一个实例： <!DOCTYPE html> <html> <head> <style type="text/css"> table td{ widt 阅读全文
posted @ 2016-02-17 22:02 lunawzh 阅读(664) 评论(0) 推荐(0)
html5 canvas 学习
摘要：1.定义画布，取得画布上下文下文 <canvas id="canvas"></canvas> js: var cvs = document.getElementById("canvas"); var context = cvs.getContext('2d'); cvs.width = 1000; 阅读全文
posted @ 2016-01-30 13:26 lunawzh 阅读(294) 评论(0) 推荐(0)
html5 js canvas中画星星的函数
摘要：function drawStar(cxt, x, y, outerR, innerR, rot) { cxt.beginPath(); for (var i = 0; i < 5; i++) { cxt.lineTo(Math.cos((18+i*72-rot)/180*Math.PI)*oute 阅读全文
posted @ 2016-01-29 09:38 lunawzh 阅读(1017) 评论(0) 推荐(0)

1 2 下一页