魚戀秋波 Neil Y.K.

Blog Blog List Contributions Share Recommends Friend

Blog /

CSS 設計備忘錄

Context

Directory

CSS 設計備忘錄

魚戀秋波 Neil Y.K. :

Image Rotate

/* CSS 原始碼 */
img {display: block;float: left;margin: 20px;}
img+img {
-webkit-transform: rotate(270deg);
-moz-transform: rotate(270deg);
filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3);
}

邊框圓角

/* CSS 原始程式碼 */
div {
border-radius:10px;
-moz-border-radius:10px;
-webkit-border-radius:10px;
}
/*
右上圓角 : border-topright-radius
左上圓角 : border-topleft-radius
右下圓角 : border-bottomright-radius
左下圓角 : border-bottomleft-radius
參數用法 :
A: 10px;
B: 10px 10px;
C: 10px 10px 10px 10px;
D:40px / 10px;
E:40px 10px 10px 40px / 11px 21px 11px 21px;
*/

This is a declared original article, to respect the copyright, please do not repost this article without the consent of the author.
Keywords : radius(7), border(7), webkit(2), transform(2), rotate(2), 270deg(2), 邊框圓角(1), 左下圓角(1), 左上圓角(1), 右下圓角(1), 右上圓角(1), 參數用法(1), 原始程式碼(1), 原始碼(1), topright(1), topleft(1), rotation(1), progid(1), margin(1), float(1)

0 0

2012-05-10T20:13:00+0000

Comment

Verify

Comment

魚戀秋波 Neil Y.K.'s Blog
- 心情‧日記
  - 真情告白
    - 我是個男生，也是個女生
    - 等著走進我的世界
    - 翻過這個章節別再連絡了
    - 凝結的記憶
    - 我愛我親愛的你們
    - 真心它去了哪裡
    - 給認識我卻不懂得我的人
    - 就這樣了
    - 徹徹底底的失望
    - 我會靜靜的等著
    - 值得一生守侯的人
    - 我的告白
    - 我知道妳的心意
  - Daily 2017
    - 許久的老筆記
    - 小奸小惡能夠影響什麼?!
    - 2017 嵐魚窩
  - 2014日記
    - 我的 Honda K7 維修記
    - 摩斯電碼
    - 嵐魚窩2013尾牙餐聚
  - 2013日記
    - 星空蝶戀生日派對花絮
    - 嵐魚窩-櫻花生日小派對
    - 2013 星空蝶戀生日派對規劃
  - 2012日記
    - 從一則評論，學習眼的角度
    - 從天而降的小斑鳩
    - 午後的異想世界
    - 嵐魚窩2012
    - 咪奧
  - 2011日記
    - 陪伴整個十月的日出
    - 入圍第六屆全球華文部落格大獎
    - 跨越 2011
    - 狼不可怕
    - 2010 秋冬置裝造型 Winter Style
    - 心想事成 All wishes will come true
    - 美人魚游法
    - 需要好好休息一下
    - 補眠嚕
    - 充實的一天
    - 戒不掉的好習慣
    - 亂七八糟的夢
    - 混亂的日子
    - 驚奇三月
    - 不要再掛了!
    - 喜歡冒險的人
    - 今日諸事不順
    - 看！流星！
    - 雙手
    - The sigil
    - 現金流遊戲
    - 哈哈哈～男人呀
    - 魚戀的小窩 - 小餐廳
    - 魚戀秋波中文 Logo
    - 最不解了的人
    - Goodbye my dear
    - 新的日記本啟用!
    - 我的 410 寶貝
    - 新計畫要開始了
    - 討人厭的網路蟑螂
    - 驚! 發現自己的作品被盜用
    - 阿姨~錢很難賺！不要這樣啦~
    - 無奈的眼神
    - 那個名叫 L 的女孩
    - 週一的夜晚
    - 其實人類是外星產物
    - 大愛劇場－再牽你的手
    - 相信
    - 玫瑰魔法
    - 一首好久以前寫的歌
    - 關鍵時刻
    - An old building coffee shop
    - 迷失
    - 善解
  - 2003日記
    - Trip to Hawlien
    - A cold night
    - 城市光廊
    - 洗腦
    - 姊姊失戀了
    - 她的生日
    - 國際煙火節
    - 大腦假
    - 忙
    - 金錢
    - 了解一個人
    - 週而復始
    - 愛情?
    - 雙魚
    - 狂暴
    - 告訴我
    - 難喝的咖啡
    - 結局
    - 無奈
    - 貝禮斯
    - 敗家
    - 貴婦
    - 磨豆子
    - 路
    - 時間與生命的空間意義
    - 換個心情
    - 無法呼吸
    - 分享
    - 陰
    - 情人節
    - 生存遊戲
    - 幸福
    - 被困在書海中
    - Deep breathe
    - 溺水的魚
    - 快樂
    - 今世獨欲逄得諸人
    - 自撰
    - 等待
    - 失戀
    - 孤獨
    - 我在微笑
    - Bed Spirit
    - Taipei Mainstation
- Creation
  - 繪圖
    - 你真的知道網路是什麼嗎？
  - Photographic
    - 旗津夕陽
    - 樹的生命力
    - 向日葵
    - 高雄大八餐聚
    - Tasty Kaohsiung
    - 白色聖誕樹
  - Sketch
    - 剪影夕陽
    - I love ocean & Wave
    - Seal
    - Imagination of London
    - Waiting
    - 兩面之緣
    - 花蓮南濱
    - 花蓮美崙飯店
    - 安平夕陽
    - 旗津燈塔
    - 幽會的情侶
    - 牽手
  - Aquatic
    - 我的水草魚缸
  - Programming
    - 關鍵詞庫系統搜尋及應用設計
    - 鍵盤測試工具
    - 宅配物流系統
    - 中文判定及轉換程式
    - 圖片裁切控制介面 ScaleFrame
    - 線上名片設計程式
    - 讓列表像瀑布一樣的 Puzzle 模組
    - 商品特徵設定程式
    - 網路履歷程式
    - 整合搜尋模組
    - 全球地理管理工具
    - 傳說中 IE 消失的文字
    - 全球化地理系統
    - 網頁輪播模組
    - 黑族塔羅牌陣程式
    - 英文地址轉換程式英文地址轉換程式
    - 黑族紙娃娃系統黑族紙娃娃系統
    - 索引地圖建立工具
    - 推薦好用的文字編輯器
    - JScript 事件的共用
    - Set upload file size on PHP
    - 許久不見的偵錯模式
    - 解決 Flash 無法在原網頁開啟連結
    - 雷達圖產生程式
    - 相片雜湊工具
    - Facebook 網站應用
    - 自創的防木馬登入網頁
  - Literature
    - 愛不能複製也不能拷貝
    - 不懂
    - 未完成的新作品
    - 眼裡掩不住的震撼
    - 2010 旗津夕陽之美
    - Life and Mystery
    - White and Dark angel
    - 飛翔
    - 曖昧咖啡
    - 天籟之音
    - 風兒是上帝的天使
    - 鋁線創意(蜻蜓)
    - 海底世界佈景
    - 落
    - 了解
    - 美
    - 記得了就忘了
    - 角度
    - 完整
    - 井
    - 幸福玉米田
    - 落翼
    - 打油詩
    - Quotations from Neil Y.K.
- My Jobs
  - 電腦維修
    - 鐘王牌高功率擴音機維修
    - SONY Z3 觸控故障維修
    - HTC M8 螢幕破裂維修
    - Samsung P2370 維修
    - Necvox HQ1.2 汽車音響維修
    - ASUS F81S 開機三秒斷電、無法開機維修
    - PaPaGo 更換電池
    - Samsung Galaxy Tab4 維修
    - Lenovo G450 電池維修
    - 工業熨斗維修
    - 維修 Dennys MD-230 DVD Player
    - 小米 Note2 充電座維修
    - HTC OneX 故障檢修
    - LCD Repair
    - Conquest the Window 7
    - 電腦維修 - 筆記型電腦電源故障修復
    - 資料救援 - 硬碟資料救援
    - 接案：電腦資料救援
  - 商業美工
    - 商業美工 - 黛夫人晚宴禮服
  - 接案工程
    - 模型加速器推捍
    - 居家網路建置
    - 網路規劃 - 拾穗社區網路建置案
  - 備忘錄
    - Windows 7 免重裝切換 AHCI 模式
    - CentOS 筆記
    - Win7 備忘錄
    - 清除系統垃圾
    - Mysql 備忘錄
    - CSS 陰影效果
    - JScript 備忘錄
    - CSS 設計備忘錄
    - PHP 程式備忘錄
    - Linux shell 筆記
    - Apache 架設備忘錄
    - CSS Selector 種類簡介
  - 黑族
    - 黑族網站系統搜尋最佳化 SEO
    - 黑族在地生活介紹-商家篇
    - 黑族世界地圖繪製
    - 黑族在地生活傳單
    - 盧恩符文圖示
    - 2012 黑族新名片
    - 黑族KTV 點歌簿教學
    - Heyxu Local invite letter
    - 終於有國際加密認證了！
- Misc DIY
  - K7 時速感測器更換
  - 更換 LED 剎車燈，故障檢測電路修改
  - K7 發電機更換
  - 廢棄餐桌變身和室桌大改造
  - 咔辣姆久變身花器
  - 自製魚窩溫泉
  - 破舊的小檯燈大改造
  - 螢光立燈改造遙控調光 LED 燈
  - 星戰的語音感應器設計
  - 模組化 LED 燈設計
  - 愛車內裝改造 DIY
  - DIY 蜂巢零件櫃
  - 小沙發的新衣
  - 第二代伺服器散熱機櫃 DIY
  - Woodworking Table D.I.Y.
  - 屬於自己的盧恩符文
  - 占卜與鬆餅海報
  - 杏仁瓦片餅乾
  - 逆電流實作
  - 小綿羊大解體
  - 特殊尺寸讓電腦維修困難
  - 自己剪頭髮
  - 驚人的可頌
  - 不小心掛掉的硬碟
  - 飛瑞UPS改裝
- Stray notes
  - 小烏來風動石它滾了!!!
  - 軒尼詩炫音派對
  - Roof lounge bar
  - Doulos 忠僕號
  - 澎湖玩瘋樂
  - 南橫露營囉
  - L 的公司旅遊
  - 綠世界生態農場
  - 雲門 cafe Taipei
  - Cold Taipei
- 玩樂情報
  - 10/27 LAMP萬聖惡靈派對
  - 紙牌遊戲 - 妙語說書人
  - 紙牌遊戲 - 諜影危機
  - 左營三牛牛肉麵
  - 異國風燈塔美式酒館
  - 我的香港首航
  - 我的香港首航 - 道具篇
  - 魔獸爭霸之信長野望
- 生活話題
  - 台灣選民們，到底想怎麼樣？！
  - 2020 民主價值
  - 2020 民主台灣
  - 解決台灣的亂象，不是換個政治人物做看看，而是人民要換個腦袋
  - 馬英九與王金平的九月政爭
  - 智慧型手機我怎麼選
  - 我們社會的病源在哪
  - 要照顧肯為你賣命的伙伴
  - 歐巴桑的環保
  - 排放廚房油煙要罰款
- 經方中醫
  - H1N1疫苗風波與社會問題
  - 傷寒雜病論
  - 看到快吐血的猪流感專訪
  - 施打疫苗、終身受害
  - 救人還得看緣份
  - 只有感慨
  - 看不清事實的人
  - 送孩子受教育幹什麼！
  - 發燒處理不當變癌症
- Unclass

Blog List