HTML - 分享生活和学习中的点点滴滴

前端技术 2023/09/09 HTML

在做页面是有时候会用到分割线 hr，但是在 ie6 和 ie7 下显示很蛋疼，本文将教你如何写出兼容各浏览器的 hr。首页我们先了解下 hr 在各浏览器下的差异，如下表格：比如想创建一个实际高度为 3px，边框为 1px，边框颜色为 #07f，背景色为 #...

前端技术 2023/09/09 HTML

上图便是这个音频播放器的UI界面图，里面还隐藏了一个歌曲的播放列表。整个播放器的UI除了大背景的人像图和歌曲的星星评分使用了图片其他全部由CSS和font-face绘制而成，看上去有难度的地方就只有CD和打碟器的制作了，在歌曲播放时CD和打碟器都是具有动画交互效果的，这个在后...

HTML5 Canvas实现烟花绽放特效

前端技术 2023/09/09 HTML

本文为大家带来了一款，免费而又安全环保的HTML5 Canvas实现的放烟花特效。效果如下：代码如下： XML/HTML Code复制内容到剪贴板 <!DOCTYPE HTML> <html> <head> ...

HTML5 canvas绘制的玫瑰花效果

前端技术 2023/09/09 HTML

有人用html就写了一朵漂亮的玫瑰，是不是有点太骚气了。纯javascipt就弄出了玫瑰花，再次显示了HTML5的威力警告：传说IE6内核是无法看到的，建议用Chrome或者Firefox。玫瑰花效果：实现代码：复制代码代码如下:<!doctype html>&...

前端技术 2023/09/09 HTML

在HTML5标准网页里面，我们可以运用audio标签来完成我们对声音的调用及播放。以下是最经常见到的运用HTML5三种基本格式： 1.最少的代码复制代码代码如下:<audio src=\"song.ogg\" controls=\"controls\"></a...

前端技术 2023/09/09 HTML

以前需要用JS写一个自动完成组件（Suggest），很费劲。HTML5时代则不用了，直接使用datalist标签，直接减少了工作量。如下复制代码代码如下:<!DOCTYPE html><html> <head> <title&gt...

前端技术 2023/09/09 HTML

html5为input添加了原生的占位符属性placeholder，高级浏览器都支持这个属性，例如： <input type=\"text\" placeholder=\"搜索\" value=\" \"> 默认的placeholder字体颜色是呈浅灰色，如果想改变...

前端技术 2023/09/09 HTML

问题：在一些浏览器中比如360浏览器的兼容模式下， <td style=\"border:1px solid red;\"></td> 标签中的内容为空时，即：<td style=\"border:1px solid red;\">&...

前端技术 2023/09/09 HTML

判断浏览器是否支持canvas，具体代码如下：复制代码代码如下: <!DOCTYPE html> <head> <meta charset=utf-8 /> <title>canvas</title>...

HTML5注册页面示例代码

前端技术 2023/09/09 HTML

复制代码代码如下: <!DOCTYPE html> <html> <head> <title>register.html</title> <meta http-equiv=\"keywords\" content...

关闭

我的博客