用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里的下面這一行即可,其他的自己適配: 比如畫向右的箭頭： 參考 ...