前端样式
竹叶青青呦呦鹿鸣
这个作者很懒,什么都没留下…
展开
-
模拟复选框
label {background-color: #fafafa;border: 1px dashed #cacece;box-shadow: 0 1px 2px silver;padding: 9px;border-radius: 3px;display: inline-block;position: relative;}.regular-checkbo...转载 2019-08-21 16:00:20 · 156 阅读 · 0 评论 -
iframe透明无边框
<iframe runat="server" src="index.html" width="100%" height="68" frameborder="no" border="0"marginwidth="0" marginheight="0" scrolling="no"allowtransparency="yes"></iframe> ...原创 2019-08-21 17:07:20 · 200 阅读 · 0 评论 -
弹性图片
在现代浏览器中要实现图片随着流动布局相应缩放非常的简单,只需要在CSS中作如下声明:img{ max-width:100% }这样就可以使图片自动缩放到与其容器100%匹配。更进一步,可以将同样的样式应用到其他标签上。如:img,object,video,embed{ max-width:100% }这样多媒体元素都可以自动缩放了。但要考虑几个问题,第一,要提前准备一张足够大的图片,...原创 2019-08-21 17:11:51 · 582 阅读 · 0 评论 -
JS遍历网页数组
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/1999/xhtml"><head><meta ...原创 2019-08-22 17:29:19 · 401 阅读 · 0 评论 -
九宫格
<style> * { margin: 0; padding: 0; } .box { padding: 5px 0 0 5px; background-color: blue; overflow: hidde...原创 2019-08-22 17:32:26 · 145 阅读 · 0 评论