随笔分类 -  HTML

上一页 1 2 3
css解决td单元格内文字溢出
摘要：<table>标签加样式：table-layout:fixed;（一定要加，否则下面定义的td的样式都不起作用了） <td>加样式：overflow:hidden;text-overflow:ellipsis;word-break:keep-all;white-space:nowrap; 阅读全文
posted @ 2016-05-06 18:58 嘆世殘者——華帥 阅读(285) 评论(0) 推荐(0)
html中hr的各种样式使用
摘要：第一种： height:2px;是hr的高度 border:none;是没有边框 border-top:2px dotted #185598;是设置横线的样式 dotted 虚线 #185598 颜色 第二种： 第三种： 第四种： 第五种： 第六种： border-top:10px groove s 阅读全文
posted @ 2016-05-04 11:23 嘆世殘者——華帥 阅读(615) 评论(0) 推荐(0)
细框表格
摘要：CSS HTML 阅读全文
posted @ 2016-04-15 11:52 嘆世殘者——華帥 阅读(179) 评论(0) 推荐(0)
div展现与收起效果（鼠标移入移出）
摘要：效果图： 移入： 移出： 阅读全文
posted @ 2016-04-11 23:27 嘆世殘者——華帥 阅读(694) 评论(0) 推荐(0)
div展开与收起（鼠标点击）
摘要：效果图： 阅读全文
posted @ 2016-04-11 22:22 嘆世殘者——華帥 阅读(3206) 评论(0) 推荐(0)
innerHTML与innerText的区别
摘要：innerHTML是指某个网页元素内部的代码 innerTEXT是指某个网页元素的文本内容。 document.all("abc").innerHTML:<b>测试</b> document.all("abc").innerTEXT:测试 阅读全文
posted @ 2016-04-11 22:20 嘆世殘者——華帥 阅读(147) 评论(0) 推荐(0)
TOP排行新闻列表。
摘要：效果图： 阅读全文
posted @ 2016-03-25 18:52 嘆世殘者——華帥 阅读(206) 评论(0) 推荐(0)
布局解决方案——居中布局
摘要：HTML   CSS 兼容性较好：   兼容性一般：   兼容性不好   阅读全文
posted @ 2016-03-15 19:23 嘆世殘者——華帥 阅读(150) 评论(0) 推荐(0)
bootstrap导航
摘要：HTML <!DOCTYPE html> <html lang="zh-CN"> <head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE-edge"><!-- 开启IE8渲染模式 --> <meta n 阅读全文
posted @ 2016-03-12 19:22 嘆世殘者——華帥 阅读(203) 评论(0) 推荐(0)
bootstrap——辅助类和响应式工具类
摘要：<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>辅助类和响应式工具类</title> <link rel="stylesheet" type="text/css" href="css/bootstrap.mi 阅读全文
posted @ 2016-03-08 14:23 嘆世殘者——華帥 阅读(268) 评论(0) 推荐(0)
bootstrap之栅格系统
摘要：<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>栅格系统</title> <!-- 移动设备优先 --> <meta name="viewport" content="width=device-width,i 阅读全文
posted @ 2016-03-08 12:12 嘆世殘者——華帥 阅读(314) 评论(0) 推荐(0)
图片滚动
摘要：<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Document</title> </head> <style type="text/css"> *{ margin: 0; padding: 0; } #bo 阅读全文
posted @ 2016-03-08 10:22 嘆世殘者——華帥 阅读(148) 评论(0) 推荐(0)
渐变下拉导航
摘要：<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>渐变下拉导航</title> </head> <style type="text/css"> *{ margin: 0; padding: 0; color: 阅读全文
posted @ 2016-03-07 13:37 嘆世殘者——華帥 阅读(203) 评论(0) 推荐(0)
layer.js弹出框
摘要：HTML <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>layer</title> <link rel="stylesheet" type="text/css" href="css/index.css"> 阅读全文
posted @ 2016-03-06 21:41 嘆世殘者——華帥 阅读(447) 评论(0) 推荐(0)
JQuery简易轮播图
摘要：html <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title></title> <link rel="stylesheet" type="text/css" href="css/demo.css"> <script type="te 阅读全文
posted @ 2016-03-06 12:38 嘆世殘者——華帥 阅读(244) 评论(0) 推荐(0)
JavaScript简易计算器
摘要：<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>JS计算器</title> <link rel="stylesheet" href="http://cdn.bootcss.com/bootstrap/3.3. 阅读全文
posted @ 2016-03-05 21:18 嘆世殘者——華帥 阅读(258) 评论(0) 推荐(0)
某东侧边快捷按钮小案例
摘要：某东效果： 简易实现效果： P.S：图片不是重点.... <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Document</title> </head> <style type="text/css"> bo 阅读全文
posted @ 2016-03-04 20:57 嘆世殘者——華帥 阅读(228) 评论(0) 推荐(0)

上一页 1 2 3