随笔分类 -  HTML

CSS 手机端常用信息列表
摘要：最终样式 HTML 代码 <div class="list"> <div class="item"> <img src="./1.png" > <div class="info"> <p class="title">这是标题,这是标题,这是标题,这是标题,这是标题</p> <p class="oth 阅读全文
posted @ 2021-12-31 15:19 伴月阁 阅读(269) 评论(0) 推荐(0)
记录平台向用户发送消息功能界面（HTML+CSS）
摘要：效果样式 代码HTML+CSS （代码） <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta 阅读全文
posted @ 2020-03-09 09:52 伴月阁 阅读(791) 评论(0) 推荐(0)
web前端筛选页面（类似大众点评）
摘要：页面如下 移动端使用续修改一下事件类型。。不足的地方大家可以指出来，内容全部是使用原生JS写的。便于使用修改 代码如下： 阅读全文
posted @ 2019-06-18 10:39 伴月阁 阅读(658) 评论(0) 推荐(0)
HTML+CSS块级元素的垂直居中
摘要：块级元素的垂直居中分为两种情况。 一、元素是固定宽高，可以使用绝对定位的方法，让元素位置定位到父元素的正中心，然后利用外边距移动自身宽高的一半，从而达到垂直居中的效果 代码如下： 二、元素不固定宽高，需要通过translate 变形函数来处理，代码如下 阅读全文
posted @ 2019-04-08 11:00 伴月阁 阅读(485) 评论(0) 推荐(0)
用 Canvas 制作刮刮卡
摘要：刮刮卡 阅读全文
posted @ 2019-04-04 17:08 伴月阁 阅读(435) 评论(0) 推荐(0)
html type="number" 在IOS中无效 还能输入其他类型字符问题
摘要：解决 方法 oninput="this.value=this.value.replace(/[^0-9.]+/,'');" 例如： 阅读全文
posted @ 2018-11-01 16:47 伴月阁 阅读(1254) 评论(0) 推荐(0)