05 2017 档案

摘要:html代码: 效果图: hover效果 阅读全文
posted @ 2017-05-25 23:29 前端HL 阅读(399) 评论(0) 推荐(0) 编辑
摘要:a内容错乱如图所示: 解决方法:加个样式就行white-space:nowrap; 最终效果图: 添加了white-space:nowrap 之后, 这样就强制一段文字不会自动换行了。 阅读全文
posted @ 2017-05-25 14:26 前端HL 阅读(692) 评论(0) 推荐(0) 编辑
摘要:正常浏览器显示,如谷歌浏览器: ie7浏览器效果如图: html代码: css代码: 解决方法:加个样式*display: inline; 就行 阅读全文
posted @ 2017-05-25 14:19 前端HL 阅读(209) 评论(0) 推荐(0) 编辑
摘要:Html代码: css样式: images素材: 效果图: 阅读全文
posted @ 2017-05-19 09:45 前端HL 阅读(485) 评论(0) 推荐(0) 编辑
摘要:效果图: 效果图: 阅读全文
posted @ 2017-05-18 09:38 前端HL 阅读(2203) 评论(0) 推荐(0) 编辑
摘要:效果图: 第二种: 注意:这里要用submit。 效果图: 效果图: 阅读全文
posted @ 2017-05-18 09:16 前端HL 阅读(871) 评论(0) 推荐(0) 编辑
摘要:效果图: 阅读全文
posted @ 2017-05-18 08:59 前端HL 阅读(593) 评论(0) 推荐(0) 编辑
摘要:<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Document</title> <style type="text/css"> *{ margin: 0; padding:0; } /*搜索框*/ inpu 阅读全文
posted @ 2017-05-17 20:24 前端HL 阅读(1224) 评论(0) 推荐(0) 编辑
摘要:2.区别IE8、IE9 一般来说,我们写的结构比较好的时候,IE8/9下是没区别的.所以可能很少人关注只有IE8或只有IE9才识别的css hack. 因为IE8及以下版本是不支持CSS3的,但是我们如果使用css3,在IE下IE9正常渲染,但我们又想让IE8及以下的浏览器实现同样的效果,且不希望使 阅读全文
posted @ 2017-05-12 16:50 前端HL 阅读(381) 评论(0) 推荐(0) 编辑
摘要:<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Document</title> <style type="text/css"> *{margin:0; padding:0;} .btn{background 阅读全文
posted @ 2017-05-09 17:01 前端HL 阅读(3613) 评论(0) 推荐(0) 编辑
摘要:代码: 注意:当“选择星座”没有加这个样式<option value="" selected="selected" style="display: none;">选择星座</option>就好出现第一个选择不到 效果图: 阅读全文
posted @ 2017-05-09 16:49 前端HL 阅读(1497) 评论(0) 推荐(0) 编辑
摘要:效果图: 加入收藏: 设为首页: 阅读全文
posted @ 2017-05-09 15:13 前端HL 阅读(1030) 评论(0) 推荐(0) 编辑
摘要:建议是找到其中自己需要的,不要全盘照搬 第一种PC端公共样式: html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, 阅读全文
posted @ 2017-05-09 14:35 前端HL 阅读(19243) 评论(0) 推荐(0) 编辑
摘要:Html代码: 效果图: 上面效果圆角“测试先生的命格”这个title圆角会模糊,b_w_body的上边框和下边框不用为0;只要把上下圆角的div,相对定位和加背景颜色就可以了,b_w_body也要加背景颜色;如下图所示: 圆角不模糊HTML代码: 最终效果图: 第二种圆角title: HTML代码 阅读全文
posted @ 2017-05-05 12:00 前端HL 阅读(232) 评论(0) 推荐(0) 编辑
摘要:1. 主要是样式(iPhone XR不兼容) .minjiancs a{ display: block;margin:0 .15rem;border-width:10px;border-style:solid;border-color:transparent;border-image: url(im 阅读全文
posted @ 2017-05-03 14:16 前端HL 阅读(178) 评论(0) 推荐(0) 编辑

点击右上角即可分享
微信分享提示