线框 使用 HTML 和 CSS 进行线框图 基于 Michael Botsko 于 2011 年 4 月 26 日在 Webdesignerdepot 发表的文章“HTML5 和 CSS3：最终产品中的线框图”（ ）。 如果您只是精通 HTML 和 CSS，那么使用 HTML 和 CSS 进行线框图通常比使用图形工具更容易。 通过这种方式，您还可以获得快速的交互式原型来测试您的导航、任务流、信息架构等。 大纲 在所有主要块级标记上使用 CSS 轮廓属性，如 wireframe.css 中所示 透明度 使用不透明度的背景颜色（通过 RGBa），如 wireframe.css 所示。 这将使重叠元素看起来更暗！ 图片 使用 wireframe.js 会将所有图像标签转换为 DIV 标签。 只需在图像标签中使用 with 和 height 属性，DIV 就会以像素为单位设置为该大小。

电影网站：使用HTML和CSS的简单电影网站

个人网站 个人网站，充当交互式简历/作品集，展示了我以前的工作以及我第一次学习HTML和CSS的经验。 背景图片： background.jpg和background2.jpg 网站图片： ss13.gif ss13.png tic-tac-toe.png HTML和CSS文件： index.html和style.css

使用HTML和css来仿写一个个人网址，包含音乐播放、实时时间，锚点跳转，超链接，然后是包含了所有需要用到的元素，打开就能编辑，字体也打好了包，点开直接就能用了！

利用HTML和CSS做的简历模板

动画圆形进度栏是一种统计设计，可用于各种网站。它主要用于指示个人在投资组合网站或个人网站中所占资格的百分比。它是完全动画的，也就是说，在正常情况下，它的百分比为零，然后它将逐渐达到预定百分比。已使用不同的颜色表示百分比。

体育馆网站 使用HTML和CSS的简单网站模板 访问站点： :

只用html和css即可实现雪花特效，简单易懂，适合html和css的入门者

用HTNL5和CSS5制作的四个网页，有不同程度的难度的网页，不同风格可以用作网站设计课程的期末作业，希望不会让你失望，里面包括背景音乐和视频播放的网页，真心不错的。

看黑马程序员总结的一点小笔记