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

差分

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

この比較画面へのリンク

--- 00.cssフレームワークbulma用テンプレート:bulmaで画像 [2019/06/14] – [Cardの中に画像と文章] adash333
+++ 00.cssフレームワークbulma用テンプレート:bulmaで画像 [2019/06/15] (現在) – [Cardの中に画像と文章] adash333
@@ 行 53: / 行 53: @@
 <script src="https://gist.github.com/adash333/1d0462b037007ffe56e16bb1c089f405.js"></script>
 </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>　の中身が、角が丸い四角になります。
 ===== いらすとやの動物アイコン =====
@@ 行 59: / 行 84: @@
-==== リンク ====
+===== リンク =====
 目次:[[00.cssフレームワークbulma用テンプレート:index.html|CSSフレームワークBulma利用のためのテンプレートhtmlファイル]]

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