PAYA.net

ユーザ用ツール

サイト用ツール

現在位置: start » digital » css » tips
トレース:
digital:css:tips

差分

このページの2つのバージョン間の差分を表示します。

この比較画面へのリンク

両方とも前のリビジョン前のリビジョン
次のリビジョン		前のリビジョン
digital:css:tips [2018/12/28 13:46] – [応用] payadigital:css:tips [2018/12/28 13:55] (現在) – paya
行 17: 行 17:
 </html> </html>
 ====== みずたま背景 ====== ====== みずたま背景 ======
-<code css dotted pattern>+<code css dotted_pattern.css>
 .dottedbg { .dottedbg {
  background: #888;  background: #888;
行 37: 行 37:
 </html> </html>
 ====== みずたま背景２ ====== ====== みずたま背景２ ======
-<code css dotted pattern>+<code css dotted_pattern.css>
 .dottedbg2 { .dottedbg2 {
  background: #888;  background: #888;
行 57: 行 57:
 </html> </html>
 ====== みずたま背景３ ====== ====== みずたま背景３ ======
-<code css dotted pattern>+<code css dotted_pattern.css>
 .dottedbg3 { .dottedbg3 {
  background: #888;  background: #888;
行 77: 行 77:
 </html> </html>
 ===== 応用 ===== ===== 応用 =====
-<code css dotted pattern>+<code css dottedButton01.css>
 .dotteButton01 { .dotteButton01 {
- display: inline-block; 
  background: #E0609F;  background: #E0609F;
  background-image: radial-gradient(#965BC4 30%, transparent 0), radial-gradient(#965BC4 30%, transparent 0);  background-image: radial-gradient(#965BC4 30%, transparent 0), radial-gradient(#965BC4 30%, transparent 0);
行 112: 行 111:
 <style type="text/css"> <style type="text/css">
 #dotteButton01 { #dotteButton01 {
- display: inline-block; 
  background: #E0609F;  background: #E0609F;
  background-image: radial-gradient(#965BC4 30%, transparent 0), radial-gradient(#965BC4 30%, transparent 0);  background-image: radial-gradient(#965BC4 30%, transparent 0), radial-gradient(#965BC4 30%, transparent 0);
digital/css/tips.1545972374.txt.gz · 最終更新: 2018/12/28 13:46 by paya