CSS3実践手法のまとめ(推奨)

CSS3実践手法のまとめ(推奨)

1. 丸い境界線:

CSSコードコンテンツをクリップボードにコピー
  1. 境界線の半径: 4px ;

2.ボックスシャドウ:

CSSコードコンテンツをクリップボードにコピー
  1. ボックスシャドウ: 5px   5ピクセル  3ピクセル  #000 ; /* パラメータは右方向の拡大距離、下方向の拡大距離、影の幅、色です*/   

3. 背景画像のサイズ:

CSSコードコンテンツをクリップボードにコピー
  1. div{
  2. 背景: url (bg_flower.gif);
  3. -moz-背景-サイズ: 63px   100px ; /* Firefox の古いバージョン */   
  4. 背景-サイズ: 63px   100ピクセル;
  5. 背景繰り返し:繰り返しなし;
  6. }

4. 背景画像の場所

CSSコードコンテンツをクリップボードにコピー
  1. div{
  2. 背景: url (bg_flower.gif);
  3. 背景繰り返し:繰り返しなし;
  4. 背景-サイズ: 100% 100%;
  5. -webkit-背景-origin:コンテンツ-box; /* Safari */   
  6. 背景-origin:コンテンツ-box; /*境界ボックス、パディングボックス*/   
  7. }

5. テキストシャドウ

CSSコードコンテンツをクリップボードにコピー
  1. テキストシャドウ: 5px   5ピクセル  3ピクセル  #000 ; /*パラメータは右方向の拡張距離、下方向の拡張距離、影の幅、色です */   

6. 自動行折り返しを強制する

CSSコードコンテンツをクリップボードにコピー
  1. p {
  2. 単語折り返し:単語区切り;
  3. }

7. コラム

CSSコードコンテンツをクリップボードにコピー
  1. div{
  2. column-gap: 3px ; /* 列間の間隔の長さ */   
  3. -moz-列数:3; /* Firefox */   
  4. -webkit-column-count:3; /* Safari と Chrome */   
  5. 列数:3;
  6. }

以上がCSS3実践方法(推奨)のまとめです。編集部が皆さんにシェアする内容は以上です。参考になれば幸いです。また、123WORDPRESS.COMを応援していただければ幸いです。

オリジナル URL: http://www.cnblogs.com/daisykoo/archive/2016/05/24/5522362.html

<<:  HTMLで境界線を設定する3つの方法の詳細な説明

>>:  Linux システムの .bash_profile ファイルの詳細な説明

推薦する

太字の <b> と <strong> の違いの分析

私たちウェブマスターは皆、ウェブサイトを最適化する際に記事内のキーワードを太字にすることが最適化に非...

nginx の 2 つのモジュールの proxy_pass の違い

1. 1.ngx_stream_proxy_moduleモジュールのproxy_passディレクティ...

Vue は Ctrip のカルーセル効果を模倣します (スライディング カルーセル、以下は高度に適応)

まずケースを見てみましょう。vue+swiper を使用して実装します。スライドの高さが異なる場合、...

MySQLのexecute、executeUpdate、executeQueryの違い

execute、executeUpdate、executeQuery の違い (およびそれらの戻り値...

デザインにおいて無視できないインタラクティブデザインにおける製品状態の分析

製品デザインのプロセスにおいて、デザイナーは常に写真を非常に美しくすることを好みます。仮想ページのコ...

タブバーのいくつかの実装方法(推奨)

タブ: カテゴリ + 説明タグバー: カテゴリ => ユーザーに現在地と目的地を知らせる1. ...

MySQLサブクエリの詳細な例

サブクエリの分類返された結果セットによる分類サブクエリは、返される結果セットの違いに応じて、テーブル...

MySQL統計の概要

MySQL は、SQL 解析とクエリ最適化のプロセスを通じて SQL を実行します。パーサーは SQ...

Docker コンテナのネットワーク設定によく使われるコマンドの詳しい説明

基本的なネットワーク構成Docker はイメージに基づいて複数のコンテナを「開く」ことができ、各コン...

Vue ルーターにパラメータを渡すときにページを更新するとパラメータが失われる問題に対処する方法

目次概要方法1: params経由でパラメータを渡す方法2: クエリを通じてパラメータを渡す方法3:...

W3C チュートリアル (14): W3C RDF および OWL アクティビティ

RDF と OWL は、2 つの重要なセマンティック ウェブ テクノロジーです。 RDF と OWL...

バージョン管理ツール Rational ClearCase の紹介

Rational ClearCase は、コードやその他のソフトウェア開発資産のバージョン管理を実...

Docker+keepalived+nginx を使用してマスタースレーブホットスタンバイを実装する方法の例

序文単一障害点を解決するには、マスター/スレーブ ホット スタンバイ ソリューションを構成する必要が...

MySQL ストアド プロシージャのエラー処理例の詳細な説明

この記事では、例を使用して MySQL ストアド プロシージャのエラー処理について説明します。ご参考...

Vue.jsはElement-uiを使用してナビゲーションメニューを実装します

この記事では、Element-uiを使用してvue.jsでナビゲーションメニューを実装するための具体...