偶然看到新聞在回顧無名小站,突然好懷念!
想到以前也是無名首頁駐站寫專欄的ㄧ員,不知道有人記得嗎?
為了讓版面好看,能獨樹一格,
還特別去鑽研css自己寫程式碼,
邊框、樣式、美編都通通自己來,
網誌音樂,好友名單的排版,都花了好多心思,
此外也一定要必備無病呻吟的網誌(然後要鎖起來裝神秘hahaha
每天都要看一下誰來我家⋯等等
當時的無名就跟FB、IG一樣重要,
都不見了真的有點遺憾呀(遠目
不知道大家還有什麼無名小站的有趣回憶呢?
css 邊框 在 紀老師程式教學網 Facebook 的最佳貼文
[範例] 以 CSS 與 JavaScript 做出 3D 視差(Parallax)效果的立體邊框
這篇文章示範了如何利用 CSS 與 JavaScript 做出 3D 視差效果,並用此效果呈現出立體邊框。如果您想要讓自己的輸入框被使用者「更加」注意到的話,不妨用這招試試看:
http://css-tricks.com/3d-inset-parallax-effect/
---
歡迎加入 Google+ 「紀老師網頁程式設計」私密社團,完全免費!盡情學習 HTML、CSS、與 JavaScript:
(更多資源、更快速的分享、更專注的主題、更多樣的活動)
https://plus.google.com/communities/100793154849235819235
(申請制,點擊後請靜待至多 24 小時審核)
css 邊框 在 紀老師程式教學網 Facebook 的最讚貼文
[WebTech #60] CSS > 3. CSS 語法 > 3-2 屬性(Properties)
匹配規則(Selector)是骨,屬性(Properties)是肉!
剛剛提過 CSS 就是由大量的「匹配規則」(Selector,或譯「選擇器」)組成的。每個匹配規則大致都長成這樣:
匹配規則 {
屬性1:屬性值1;
屬性2:屬性值2;
...
}
範例如下:
a {
color: red;
font-size: large;
}
這會匹配 ... 之間的文字,然後把字體改大、套用紅色。如果您 30 幾種常用的匹配規則文法都學會了,那麼接下來就是該學 { ... } 之間的屬性了!如果屬性全會,那麼你的 CSS 就學完、沒啦! :-)
我個人會把這些屬性分為下列這幾類:
(1) 文字(Text):字型、字體、對齊、間隔、粗細、顏色...
(2) 邊框(Box)與表格(Table)
(3) 大小、距離、排版
(4) 照片、多媒體
(5) 型變、動畫
我先給大家看篇屬性的簡介,下午再提供每種屬性的細部講解給大家喔!
http://reference.sitepoint.com/css/propertyref
請由左手邊選單點擊您想看的主題,繼續點子選項閱讀即可。
css 邊框 在 CSS 邊框的使用 - YouTube 的推薦與評價
![影片讀取中](/images/youtube.png)
CSS 邊框 的使用. 3 views3 views. Jun 14, 2021. 0. 0. Share. Save. 0 / 0. 蔡振益 ... ... <看更多>
css 邊框 在 CSS Border 運用技巧(手繪框線、三角形、空間運用) 的推薦與評價
CSS Border 大部份來說是用在裝飾上,卡片的邊線、hover 的視覺效果、物件之間的間隔等等,這些視覺效果除了Border 以外亦有其它方式可以達到; ... ... <看更多>