サルでもわかるWEBプログラミング

フリーソフトのみでホームページ作成

ユーザ用ツール

サイト用ツール


00.cssフレームワークbulma用テンプレート:bulmaで画像


差分

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

この比較画面にリンクする

両方とも前のリビジョン 前のリビジョン
次のリビジョン
前のリビジョン
00.cssフレームワークbulma用テンプレート:bulmaで画像 [2019/06/14]
adash333 [Cardの中に画像と文章]
00.cssフレームワークbulma用テンプレート:bulmaで画像 [2019/06/15] (現在)
adash333 [Cardの中に画像と文章]
行 54: 行 54:
 </html> </html>
  
 +{{:00.cssフレームワークbulma用テンプレート:pasted:20190615-132934.png}}
  
 +https://codesandbox.io/s/divine-sky-z2tnu
  
-==== リンク ====+ 
 + 
 +===== 角が丸い四角のCSS ===== 
 + 
 +https://github.com/adash333/ionic4-firebase-chat2/blob/master/src/app/chat/chat.page.scss 
 + 
 + 
 +<code> 
 +.media-body { 
 +  padding: 5px 10px; 
 +  background-color: #98fb98; 
 +  border-radius: 6px; 
 +  font-size: 12px; 
 +  color: #555; 
 +  left: 10%; 
 +  right:10%; 
 +
 +</code> 
 + 
 +これにより、<div class="media-body"></div> の中身が、角が丸い四角になります。 
 + 
 +===== いらすとやの動物アイコン ===== 
 +https://www.irasutoya.com/2014/08/blog-post_69.html 
 + 
 + 
 + 
 +===== リンク =====
 目次:[[00.cssフレームワークbulma用テンプレート:index.html|CSSフレームワークBulma利用のためのテンプレートhtmlファイル]] 目次:[[00.cssフレームワークbulma用テンプレート:index.html|CSSフレームワークBulma利用のためのテンプレートhtmlファイル]]
  


00.cssフレームワークbulma用テンプレート/bulmaで画像.1560478458.txt.gz · 最終更新: 2019/06/14 by adash333