我有個重要的夥伴麥可,辦事很有能力,
跟在我身邊多年,學會架網站、做行銷
他架的網站讓客戶放心,還架的比我好看
無論是架網站、下廣告、管電商通路,
都難不倒他
麥可是體育班出身,
高中念的是台北傳說中的「幹架名校」之一,
所以我之前跟鄰居起衝突,
也是麥可幫我處理,只能說有經驗就是不一樣...
那天麥可跟我說,他有個夢想是到台大念EMBA,
我說好,我們來計畫計畫,
看有什麼辦法可以改造一下他的學經歷。
所以我就派麥可去筋膜槍公司做CEO,
今年的任務是要把年營收2400萬推上3000萬,
目前看起來可以做到4000-5000萬呢~
相信有這樣的經驗,麥可是真的可以到台大進修。
但還有個大問題,就是麥可的英文很破...
雖然麥可靠著堅定的意志,
可以在英文0%的程度下學會架網站,
但是要進台大念EMBA,教授大概不會給過。
所以我就找了GEOS大世界外語學院,
裡面有最優質又可愛(無誤)的英文老師,
讓麥可有很強的動力學習。
學語言,有動力是很重要的。
英文老師都是外國人,100%英文環境,
讓麥可用英文學英文,
從最生活化的詞彙開始學習。
原本是跟老師在忠孝敦化的校區一對一上課
就算現在遇到三級警戒,
GEOS也有提供遠端連線的課程,
讓他在家也能不間斷學習。
三個月下來,
麥可還真的可以跟我用英文聊上幾句,
也開始可以看懂架網站會用到的一些英文單字了。
麥可表示,
「Margin. Border. Padding. 現在看得懂了」
(這是CSS用詞,做前端的都知道)
嗯我也不知道麥可怎麼學到這些字的,
可能算是觸類旁通吧,
在純英語環境跟著可愛的老師學習,
就慢慢對各種單字有感覺,
也是很自然的。
#好康在這裡
GEOS 大世界英日韓&遊學說,透過我這邊,
可以讓10位幸運兒獲得免費體驗課!
無論你想學的是 英文 還是 日文 韓文,
都可以來報名,條件就是動作要快!
如果你真的想把外語學好,認真要找好老師,
真的推GEOS,麥可到現在也都持續上課,
地點在台北東區 & 天母,但遠端視訊課在哪都可以上~
體驗課連結我放在留言喔
同時也有3部Youtube影片,追蹤數超過1萬的網紅小豆,也在其Youtube影片中提到,CSS碼 ↓ /* Background colors*/ body { background-color: rgba(0,0,0,0); } /* Transparent background. */ yt-live-chat-renderer { background-color: tr...
「css border」的推薦目錄:
- 關於css border 在 Facebook 的精選貼文
- 關於css border 在 卡斯伯 Facebook 的最佳解答
- 關於css border 在 卡斯伯 Facebook 的最佳貼文
- 關於css border 在 小豆 Youtube 的最佳貼文
- 關於css border 在 狗魚 Youtube 的精選貼文
- 關於css border 在 網頁設計x廣告行銷 Youtube 的最佳貼文
- 關於css border 在 重新認識CSS - Box model:border - Titangene Blog 的評價
- 關於css border 在 CSS border in JavaScript - Stack Overflow 的評價
- 關於css border 在 Using the CSS border-image property - YouTube 的評價
- 關於css border 在 CSS Outline vs Border - differences, advantages ... - YouTube 的評價
- 關於css border 在 CSS Border - gists · GitHub 的評價
css border 在 卡斯伯 Facebook 的最佳解答
CSS【Border 博大精深的秘密】
CSS 最有趣的地方在於立即就能看到效果
許多看似簡單的語法,經過巧妙的搭配就能有豐富的效果
而背後還蘊含著許多視覺邏輯在內
了解以後,會發現這些技巧原來這麼簡單~
本文包含了以下範例:
- 純 CSS 的手繪風格的 Border(可運用於響應式)
- 看了許多次的 Border 三角形運用
- 多層次 Border
- 靈活運用 Border 空間
點讚本粉絲團,每週一篇技術文!(應該啦)
#CSSBorder
#手繪風格
css border 在 卡斯伯 Facebook 的最佳貼文
Border-radius 的延伸用法
除了圓形、橢圓形外
還有更特殊的不規則圓形喔 😆
css border 在 小豆 Youtube 的最佳貼文
CSS碼 ↓
/* Background colors*/
body {
background-color: rgba(0,0,0,0);
}
/* Transparent background. */
yt-live-chat-renderer {
background-color: transparent !important;
}
/* Outlines */
yt-live-chat-renderer * {
text-shadow: -2px -2px #000000,-2px -1px #000000,-2px 0px #000000,-2px 1px #000000,-2px 2px #000000,-1px -2px #000000,-1px -1px #000000,-1px 0px #000000,-1px 1px #000000,-1px 2px #000000,0px -2px #000000,0px -1px #000000,0px 0px #000000,0px 1px #000000,0px 2px #000000,1px -2px #000000,1px -1px #000000,1px 0px #000000,1px 1px #000000,1px 2px #000000,2px -2px #000000,2px -1px #000000,2px 0px #000000,2px 1px #000000,2px 2px #000000;
font-family: "Microsoft JhengHei";
font-size: 24px !important;
line-height: 24px !important;
}
yt-live-chat-text-message-renderer #content ,
yt-live-chat-legacy-paid-message-renderer #content {
overflow: initial; !important
}
/* Hide scrollbar. */
yt-live-chat-item-list-renderer #items {
overflow: hidden !important;
}
yt-live-chat-item-list-renderer #item -scroller{
overflow: hidden !important;
}
/* Hide header and input. */
yt-live-chat-header-renderer,
yt-live-chat-message-input-renderer {
display: none !important;
}
/* Reduce side padding. */
yt-live-chat-text-message-renderer,
yt-live-chat-legacy-paid-message-renderer {
padding-left: 4px !important;
padding-right: 4px !important;
}
yt-live-chat-paid-message-renderer #header {
padding-left: 4px !important;
padding-right: 4px !important;
}
/* Avatars. */
yt-live-chat-text-message-renderer #author -photo,
yt-live-chat-paid-message-renderer #author -photo,
yt-live-chat-legacy-paid-message-renderer #author -photo {
width: 30px !important;
height: 30px !important;
border-radius: 30px !important;
margin-right: 7.5px !important;
}
/* Hide badges. */
yt-live-chat-text-message-renderer #author -badges {
display: none !important;
vertical-align: text-top !important;
}
/* Timestamps. */
yt-live-chat-text-message-renderer #timestamp {
color: #999999 !important;
font-family: "Microsoft JhengHei";
font-size: 12px !important;
line-height: 12px !important;
}
/* Badges. */
yt-live-chat-text-message-renderer #author -name[type="owner"],
yt-live-chat-text-message-renderer yt-live-chat-author-badge-renderer[type="owner"] {
color: #ffd600 !important;
}
yt-live-chat-text-message-renderer #author -name[type="moderator"],
yt-live-chat-text-message-renderer yt-live-chat-author-badge-renderer[type="moderator"] {
color: #5e84f1 !important;
}
yt-live-chat-text-message-renderer #author -name[type="member"],
yt-live-chat-text-message-renderer yt-live-chat-author-badge-renderer[type="member"] {
color: #0f9d58 !important;
}
/* Channel names. */
yt-live-chat-text-message-renderer #author -name {
color: #FF9966 !important;
font-family: "Microsoft JhengHei";
font-size: 28px !important;
line-height: 28px !important;
}
yt-live-chat-text-message-renderer #author -name::after {
content: ":";
margin-left: 2px;
}
/* Messages. */
yt-live-chat-text-message-renderer #message ,
yt-live-chat-text-message-renderer #message * {
color: #ffffff !important;
font-family: "Microsoft JhengHei";
font-size: 28px !important;
line-height: 28px !important;
}
/* SuperChat/Fan Funding Messages. */
yt-live-chat-paid-message-renderer #author -name,
yt-live-chat-paid-message-renderer #author -name *,
yt-live-chat-legacy-paid-message-renderer #event -text,
yt-live-chat-legacy-paid-message-renderer #event -text * {
color: #ffd600 !important;
font-family: "Microsoft JhengHei";
font-size: 28px !important;
line-height: 28px !important;
}
yt-live-chat-paid-message-renderer #purchase -amount,
yt-live-chat-paid-message-renderer #purchase -amount *,
yt-live-chat-legacy-paid-message-renderer #detail -text,
yt-live-chat-legacy-paid-message-renderer #detail -text * {
color: #ffd600 !important;
font-family: "Microsoft JhengHei";
font-size: 28px !important;
line-height: 28px !important;
}
yt-live-chat-paid-message-renderer #content ,
yt-live-chat-paid-message-renderer #content * {
color: #ffffff !important;
font-family: "Microsoft JhengHei";
font-size: 30px !important;
line-height: 30px !important;
}
yt-live-chat-paid-message-renderer {
margin: 4px 0 !important;
}
yt-live-chat-legacy-paid-message-renderer {
background-color: #0f9d58 !important;
margin: 4px 0 !important;
}
yt-live-chat-text-message-renderer a,
yt-live-chat-legacy-paid-message-renderer a {
text-decoration: none !important;
}
yt-live-chat-text-message-renderer[is-deleted],
yt-live-chat-legacy-paid-message-renderer[is-deleted] {
display: none !important;
}
yt-live-chat-ticker-renderer {
background-color: transparent !important;
box-shadow: none !important;
}
yt-live-chat-ticker-paid-message-item-renderer,
yt-live-chat-ticker-paid-message-item-renderer *,
yt-live-chat-ticker-sponsor-item-renderer,
yt-live-chat-ticker-sponsor-item-renderer * {
color: #ffd600 !important;
font-family: "Microsoft JhengHei";
}
css border 在 狗魚 Youtube 的精選貼文
subgoal: https://agentc0re.com/Sub-Counter
訂閱通知: https://streamlabs.com/
聊天室CSS:
body {
background-color: transparent !important;
}
/* Transparent background. */
yt-live-chat-renderer {
background-color: transparent !important;
}
/* Outlines */
yt-live-chat-renderer * {
text-shadow: -2px -2px #000000,-2px -1px #000000,-2px 0px #000000,-2px 1px #000000,-2px 2px #000000,-1px -2px #000000,-1px -1px #000000,-1px 0px #000000,-1px 1px #000000,-1px 2px #000000,0px -2px #000000,0px -1px #000000,0px 0px #000000,0px 1px #000000,0px 2px #000000,1px -2px #000000,1px -1px #000000,1px 0px #000000,1px 1px #000000,1px 2px #000000,2px -2px #000000,2px -1px #000000,2px 0px #000000,2px 1px #000000,2px 2px #000000;
font-family: "Laila";
font-size: 18px !important;
line-height: 18px !important;
}
yt-live-chat-text-message-renderer #content ,
yt-live-chat-legacy-paid-message-renderer #content {
overflow: initial; !important
}
/* Hide scrollbar. */
yt-live-chat-item-list-renderer #items {
overflow:hidden !important;
}
/* Hide header and input. */
yt-live-chat-header-renderer,
yt-live-chat-message-input-renderer {
display: none !important;
}
/* Reduce side padding. */
yt-live-chat-text-message-renderer,
yt-live-chat-legacy-paid-message-renderer {
padding-left: 4px !important;
padding-right: 4px !important;
}
/* Avatars. */
yt-live-chat-text-message-renderer #author -photo,
yt-live-chat-legacy-paid-message-renderer #author -photo { width: 25px !important;
height: 25px !important;
border-radius: 25px !important;
margin-right: 6.25px !important;
}
/* Hide badges. */
yt-live-chat-text-message-renderer #author -badges {
display: none !important;
vertical-align: text-top !important;
}
/* Timestamps. */
yt-live-chat-text-message-renderer #timestamp { color: #999999 !important;
font-family: "Imprima";
font-size: 16px !important;
line-height: 16px !important;
}
/* Badges. */
yt-live-chat-text-message-renderer #author -name[type="owner"],
yt-live-chat-text-message-renderer yt-live-chat-author-badge-renderer[type="owner"] {
color: #FFCC33 !important;
}
yt-live-chat-text-message-renderer #author -name[type="moderator"],
yt-live-chat-text-message-renderer yt-live-chat-author-badge-renderer[type="moderator"] {
color: #FF9966 !important;
}
yt-live-chat-text-message-renderer #author -name[type="member"],
yt-live-chat-text-message-renderer yt-live-chat-author-badge-renderer[type="member"] {
color: #FF9966 !important;
}
/* Channel names. */
yt-live-chat-text-message-renderer #author -name {
color: #FF9966 !important;
font-family: "Microsoft JhengHei";
font-size: 28px !important;
line-height: 28px !important;
}
yt-live-chat-text-message-renderer #author -name::after {
content: ":";
margin-left: 2px;
}
/* Messages. */
yt-live-chat-text-message-renderer #message ,
yt-live-chat-text-message-renderer #message *,
yt-live-chat-legacy-paid-message-renderer #detail -text,
yt-live-chat-legacy-paid-message-renderer #detail -text * {
color: #ffffff !important;
font-family: "Microsoft JhengHei";
font-size: 28px !important;
line-height: 28px !important;
}
/* Fan Funding Messages. */
yt-live-chat-legacy-paid-message-renderer #event -text {
color: #ffffff !important;
font-family: "Microsoft JhengHei";
font-size: 20px !important;
line-height: 20px !important;
}
yt-live-chat-legacy-paid-message-renderer #detail -text,
yt-live-chat-legacy-paid-message-renderer #detail -text * {
color: #ffffff !important;
font-family: "Imprima";
font-size: 18px !important;
line-height: 18px !important;
}
yt-live-chat-legacy-paid-message-renderer {
background-color: #00ffff !important;
margin: 4px 0 !important;
padding: 4px !important;
}
yt-live-chat-text-message-renderer a,
yt-live-chat-legacy-paid-message-renderer a {
text-decoration: none !important;
}
yt-live-chat-text-message-renderer[is-deleted],
yt-live-chat-legacy-paid-message-renderer[is-deleted] {
display: none !important;
}
____________________________________
♪ Power For Tommorow - http://www.rengoku-teien.com
____________________________________
訂閱狗魚: https://www.youtube.com/channel/UC3X3...
粉絲專頁: https://www.facebook.com/dofi13579/
狗魚精華: https://www.youtube.com/playlist?list...
合作邀約:13825774632p@gmail.com
實況委託: https://docs.google.com/forms/d/1BY8H...
css border 在 網頁設計x廣告行銷 Youtube 的最佳貼文
Photoshop教學-圖片圓角裁切方法 記得要另存成png檔
---
CSS 屬性寫法
.radius {
border-radius: 20px;
border-style: solid;
border-color: rgba(0,0,0,0.5);
border-width: 2px;
}
css border 在 Using the CSS border-image property - YouTube 的推薦與評價
This video covers the CSS border -image shorthand property as well as all the other properties that make up the component parts of this ... ... <看更多>
css border 在 重新認識CSS - Box model:border - Titangene Blog 的推薦與評價
本篇將介紹CSS 的Box model 中的border。 ... <看更多>