胡同里的砖头2024/4/24【HTML/CSS】-
HTML 隐藏的宝石：您应该了解的 HTML 标签
HTML 是 Web 的支柱，用于创建网页和 Web 应用程序。虽然您可能已经熟悉许多 HTML 标签，但存在一些较少讨论的标签，可以增强网页的深度。在这篇博文中，我将向您介绍 7 个可以提升您的 Web 开发技能的 HTML 标签。让我们开始吧！1.<abbr><abbr> HTML 标记表示短语或较长单词的缩写或首字母缩略词。此标记通过在用户将鼠标悬停在该标记上时提供说…
胡同里的砖头2024/4/24【HTML/CSS】 -
css文字放在img上
.img-text {position: relative;}.img-text img {display:block;margin:0 auto;}.img-text p {position: absolute;bottom: 0;width: 100%;text-align: center;color: #fff;font-size: 20px;text-shadow: 1px 1px 0px…
胡同里的砖头2023/11/20【HTML/CSS】 -
ElementUI之Calendarv鼠标热点Hover设置背景色半透明
.el-calendar-table .el-calendar-day:hover { background-color: yellow; background-color:rgba(255, 255, 0, 0.1)//最后的0.1值自己调，半透明就设置0.5}
胡同里的砖头2021/11/17【HTML/CSS】 -
网页 设计之鼠标放在div上面背景图片放大
是否遇到过这样的场景，一个图片上面写着文字，鼠标放上去，背景图片会放大，是不是很炫，如下代码轻松就能办到<div class="main_banner" ><img src="~/images/h1.jpg" /><span>为什么说10月24日是程序员的节日？</span></div>.main…
胡同里的砖头2021/11/4【HTML/CSS】 -
响应式栅格布局判断屏幕大小xs md设置css
/*屏幕小于768*/@media(min-width:768px) { .w_list_4 img { height:180px; border:solid 1px red}}/*屏幕在768-991之间*/@media(min-width:768px) and (max-width:991px) {}/*屏幕在768-991之间*/@media(min-wi…
胡同里的砖头2020/12/30【HTML/CSS】 -
iframe 自适应高度
Iframe的强大功能偶就不多说了，它不但被开发人员经常运用，而且黑客们也常常使用它，总之用过的人知道它的强大之处，但是Iframe有个致命的“BUG”就是iframe的高度无法自动适应，这一点让很多人都头疼万分。百度或是谷歌一下，确实很多解决方法，但尝试一下，会发现问题很多：浏览器兼容性差，不能自适应，仅支持同域Iframe等诸多问题，尤其是跨域Iframe高度自适应问题。网上根本找不到一种可行…
胡同里的砖头2019/1/13【HTML/CSS】 -
div上面有间隙
在上面的图可以看到菜单上面有个间隙大概有2像素左右在下面菜单div上面加上属性display:inline-block之后如下图，完全稳合了
胡同里的砖头2015/11/3【HTML/CSS】 -
marquee 来回滚动，速度控制
-
JS 图片渐隐渐出效果
<style type="text/css"> <!-- .trans_img {filter:alpha(opacity=30,enabled=1) blendtrans(duration=1); border:0 solid black} --> </style> <script language=javascript> function tra…
胡同里的砖头2013/12/19【HTML/CSS】 -
简单跟随下拉框漂浮的广告
如果顶部申明 DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/2000/REC-xhtml1-20000126/DTD/xhtml1-transitional.dtd"> document.body.scrollTop 要改成 document.documentElement…
胡同里的砖头2013/12/19【HTML/CSS】 -
DIV收缩展开效果
<style> #content { font-size: 14px; width: 200px; height: 50px; background: #eee; padding: 10px; border: 4px #ccc double; overflow: hidden; } #key { color: red; float: right; margin-top: -20px; …
胡同里的砖头2013/12/19【HTML/CSS】 -
css样试让图片自适宽度和高度
有时候图片太大，会破环网页整齐的布局。这时可以用css来强制按比例压缩图片的高度或宽度 css代码如下： img,a img{ border:0; margin:0; padding:0; max-width:590px; width:expression(this.width>590?"590px":this.width); max-height:590px; heigh…
胡同里的砖头2013/12/19【HTML/CSS】 -
iframe,frameset 用法
================frameset 局部刷新用法=============== <frameset rows="80px,*" scrolling="no" bordercolor="#7FFFD4"> <frame src="Head.aspx" scrolling="no" …
胡同里的砖头2013/12/19【HTML/CSS】 -
简单跟随下拉框漂浮的广告
如果顶部申明 DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/2000/REC-xhtml1-20000126/DTD/xhtml1-transitional.dtd"> document.body.scrollTop 要改成 document.documentElement…
胡同里的砖头2013/12/19【HTML/CSS】 -
背景色渐变效果
<body style="margin:0px;filter:progid:DXImageTransform.Microsoft.Gradient(startColorStr='#ccffff', endColorStr=#FFFFFF'', gradientType='0')">
胡同里的砖头2013/12/19【HTML/CSS】 -
HTML title属性换行
-
让ＩＥ中的IFrame透明
除了IE之外的其他浏览器，默认情况下IFrame都是透明的。但IE下默认是白色背景的。那么，如何让IE下的IFrame也能透明呢？这时，我们就需要用到一个特殊的特性了： ALLOWTRANSPARENCY="true" 同时，在IFrame中的页面要加上： <body STYLE="background-color:transparent"> 这样就搞定了。 还有一种方法修饰：ifra…
胡同里的砖头2013/12/19【HTML/CSS】 -
html小技巧(防复制,防粘贴,屏蔽鼠标右键,
1.将彻底屏蔽鼠标右键,无右键菜单 <body oncontextmenu="window.event.returnvalue=false"> 也可以用于网页中Table框架中 <table border oncontextmenu=return(false)><td>no</table> 2.取消选取、防止复制 <body onselects…
胡同里的砖头2013/12/19【HTML/CSS】 -
HTML Marquee无空白滚动代码
<DIV id="scroll_div" style="OVERFLOW: hidden;WIDTH: 600px;white-space: nowrap; "> <div id="scroll_begin" style="display:inline;"> <img src="images/2009413102511252.jpg" height="200px" /…
胡同里的砖头2013/12/19【HTML/CSS】 -
IFRAME有时候不显示及自适应高度的解决方法
不显示是因为他的高度为0了,要适应他的高度 <script language="JavaScript" type="text/JavaScript"> function autoResize() { try { document.all["iframe1"].style.height=iframe1.document.body.scrollHeigh…
胡同里的砖头2013/12/19【HTML/CSS】
