Search
Bootstrap 4 更新到 Alpha5
現在愛用 Bootstrap 4 的我
每次更版都能感到痛
而這次改版特別有感的內容
- Utilities 又拆的更細，其中 margin 與 padding 的 className 有略微調整
- .card 與 頁籤效果有改，但是文件上似乎沒有提到
- .img-fluid 終於移除了 display: block;
- 據說增加了垂直對其，太棒了...，每次這段我都自己手動新增
- 也許還很多沒玩到的細節
Bootstrap 4 越來越棒了喔，
期待正式釋出！
#Bootstrap4 #Alpha5
ร่วมไว้อาลัยถวายแด่ในหลวง
ขออนุญาตแชร์ #โปรแกรมเมอร์ ท่านใดที่มีเว็บ ท่านสามารถเแก้เว็บเป็นสีขาวดำง่ายๆ ให้เข้าไปแก้ใน css ตามโค้ดข้างล่าง
*{
-moz-filter: grayscale(100%);
-webkit-filter: grayscale(100%);
filter: gray; /* IE6-9 */
filter: grayscale(100%);
}
ใช้ได้กับแท็กพวก html, body, header และอื่นๆ
ที่มา http://stackoverflow.com/…/is-it-possible-to-turn-an-entire…
อย่างแอดมินมี wordpress ก็กดเข้าไปที่เมนู
รูปแบบบล็อก -> Theme Options -> Other แล้วก็อปปี้วาง
++++++ข้อมูลเพิ่มเติม+++++
แต่ประกี้คุณ อภิเดช เตี่ยไพบูลย์ คอมเมนต์แนะนำมาครับ บางเว็บอาจเกิด Bug ได้ ถ้าใช้โค้ดข้างล่างแบบนี้จะปลอดภัยกว่า
body {
-moz-filter: grayscale(100%);
-webkit-filter: grayscale(100%);
filter: gray; /* IE6-9 */
filter: grayscale(100%);
}
+++++ ถ้าจะรองรับ ie10 และ ie11 +++++
ต้องใช้ javascript อันนี้เป็นวิธีของคุณ Destiny Amm แนะนำมา
รูปจะเป็นขาวดำ สำหรับ IE10 และ 11
為 UL LI 項目清單輕鬆加入圖示的各種 CSS 技巧﹍使用 Unicode + Font Awesome 字型
想要在 UL LI 這樣的項目清單前面加上小圖示的話，可參考本篇的 CSS 技巧，使用 Unicode 或 Font Awesome 圖示字型，減少圖片傳輸以及增加網頁效能。
ここのURLでは、新たな詐欺サイトが控えています。
https://livedoornews.live
アクセスしてみたらわかりますが、
ルートディレクトリ（サイトの第一階層）ではフォルダ分けされています。
詐欺サイトは「ヤマダ電機」というディレクトリに分けているようですね。
ヤマダ電機という名前を使用して、
詐欺をしようと企んでいるようなんですね。
今回の詐欺サイトでは、以下の構成になっているようです。
□ /（ルートディレクトリ）の中
.well-known/
cgi-bin/
yamada-denki-sale/
□ yamada-denki-saleの中
bootstrap.min.css
bootstrap.min.js
css/
favicon.png
img/
index.css
iphonec.html
js/
yd-a.html
yd-x-a.php
yd-xs-a.php
今回、発見されたなかで動作する詐欺サイトのページは「iphonec.html」と「yd-a.html」です。
他のファイルで開発完了次第、phpファイルも詐欺サイトへと大変身するのでしょうね。
みなさん、こういう詐欺サイトにはしっかりと気をつけましょう。
今回は専門的な説明かもしれませんが、
みなさんがしっかりとついてきてくれたらと思います。
Using CSS :pseudo-elements to replace list-style-image with an Sprite - index.html. ... style.css. li {. list-style: none;. position: relative;. ... <看更多>
img css 在 [CSS學習筆記] img圖片排版 - 1010Code 的推薦與評價
<div class="card"> <img src="#"> </div>. img{ display: block; width: 100%; height: auto; } .card { width: 300px; margin: 0 auto; } ... ... <看更多>