用html+css的知识 画出三角形
1.第一步回顾学习过html+ css的知识，我们先理清自己的思路 2.添加一个div盒子，此时，暂不设置border值，只初始化它的宽高。那么，我们将呈现出一个border=0，width、height均为200px的盒 3.我们再来调整他的border-top ...
原文：【原创】只用 HTML / CSS 画出一把 UKULELE（夏威夷四弦吉他）
在线演示：http: abelyao.github.io ukulele 源代码： https: github.com AbelYao css ukulele 效果图： 为了熟练 CSS ，尤其是变形 圆角等特性，花了一天的时间，用 HTML 和 CSS 做出了一把 UKULELE 尤克里里，夏威夷四弦吉他 ，当然，除此之外还用到了部分 JavaScript 来实现弹奏时播放声音的效果。 终于把这 ...
2013-08-08 22:32 12 7475 推荐指数：
相关推荐
用HTML+CSS画出一个同心圆
参加web前端校招的同学们经常会遇到这样的面试题：用HTML+CSS画出一个同心圆。 例如： 这道题主要考验的是基础盒模型布局能力和倒圆角属性的巧用。 1、html代码 [html] view plain copy ...
CSS画出的图
简单图形 矩形 圆形 椭圆 【整个椭圆】 【半椭圆或半圆】 【四分之一椭圆】 ...
只用CSS美化选择框
<本文译自Style a Select Box Using Only CSS> 当我需要用下拉列表拼凑自定义表单时，我常常不得不使用下拉框（select），由于某些部分是浏览器特定的，如下拉箭头，我花了一段时间去搞清楚如何只使用css轻松地美化下拉框。 下面是一个默认样式 ...
只用CSS做到完全居中
我们都知道 margin:0 auto; 的样式能让元素水平居中，而 margin: auto; 却不能做到垂直居中……直到现在。但是，请注意！想让元素绝对居中，只需要声明元素高度，并且附加以下样 ...
为什么 DOCTYPE 只用添加html> 就可以了
DOCTYPE 是 document type (文档的类型)的缩写，在web中你要告诉浏览器你的XHTML或者HTML是用的什么版本，能够让浏览器根据你声明的版本来解析html文档，不写《!doctype》,你的标识和css都不会生效。 <!DOCTYPE>位于html第一 ...
只用css3实现菜单的toggle效果
了css3的：checked属性，因此只适用于IE9+浏览器。 label可以设置为displ ...
小程序如何利用CSS画出箭头
小程序如何利用CSS画出箭头 如题,小程序空间有限，为了省图片，我们可以用wxss画箭头，这里画的是向下的箭头。 源码如下： 效果： 那么如何画其他方向的箭头呢？ 修改before和after里的下面这一行即可,其他的自己适配: 比如画向右的箭头： 参考 ...