どうも！LSSです！！ 昨日の記事、 のコメント欄に、 なる(id:narutabi) ドットを箇条書きの前に色でつくるとかも勿論可能ですかね？ LSSさんの記事をみてると想像力が膨らみます(#^^#) とのコメントをいただきました。 なる様、ありがとうございます^^ というわけで、今回は「箇条書きのドットに色をつける」方法を試してみたいと思います！！ まず、「箇条書き」とは 箇条書きのHTMLコード CSSで色をつけてみます！ list-style-image について マークを色付きの丸にするには？ とても残念なことに… 応用篇 45degの角度で２色使ってみた例 謎のマーク 円の中心位置をずらして半円 あとがき まず、「箇条書き」とは はてなブログの場合、「記事を書く」の「編集　見たまま」画面に こう、適当に数行、文章を入力したとします。 で、 「見出し　▼」の右あたりにある、 ↑こ

こんにちは、ヨシタカです！みなさん、ブログ楽しんでますか？ 前回はブログ記事にLINE風吹き出しを載せる方法をご紹介しました。 smatech.hatenablog.com いろいろなブログをみてみると、四角い枠で文章を囲んでいるものがあって、わたしもやってみたかったのですが、、、 はてなブログではワンクリックで囲み枠にするアイコンってないんですよね。。。 そこで今回はコピペするだけでブログ記事に囲み枠をかんたんに追加する方法をまとめましたので、ご紹介したいと思います。 えっ、ほんとうにコピペするだけなの？ そうですね、コピペするだけです。ただ、基本色を赤（#fc4a1a）にしているので、色を変えたい場合はこの部分を変更してください。 カラーコードはWEB色見本 原色大辞典 - HTMLカラーコードのサイトさんがまとめていただいているので参考にしてくださいね。代表となる色を一部記載します。

こんにちは、ヨシタカです！ みなさん、ブログ楽しんでますか？ 今回は、箇条書き（リスト）や囲み枠（ボックス）についてCSSを活用したカスタマイズにトライしてみましたのでご紹介したいと思います。 【Webアイコン】、【箇条書き（リスト）】、【囲み枠（ボックス）】のトリプル活用で、こんな感じになります。 文章ばかりのブログ記事をどうにかしたい人 箇条書き（リスト）や囲み枠（ボックス）をカスタマイズしてみたい人 CSSを少しさわってみたい人 はじめの作業が少し大変ですが、一度CSSに設定してしまえばあとはラクラクです♪ さっそくやってみましょう！ そもそもCSSってなに？ CSSを活用してリストやボックスをカスタマイズする方法 箇条書き（リスト）をカスタマイズ 丸数字つきリスト 付箋風番号付きリスト POINT付き箇条書きリスト POINTなし箇条書きリスト 囲み枠（ボックス）にアイコン付きリス

Last Updated on 6月 27, 2024 by admin 赤坂出張マッサージ利用の流れについては数多くあります。まず、赤坂出張マッサージにおいての、施術内容としては、様々で、もみほぐしを中心に、整体、カイロプラクティック、リフレクソロジー、タイ古式、アロマトリートメント等希望に応じて、選択が可能となります。シチュエーションマッサージとしても多岐に分かれておりまして、オーラソーマ、出張・訪問マッサージ、スポーツマッサージ、ウェディング・ブライダルエステ、ベビーマッサージ、母乳マッサージ、妊婦マッサージ、メディカルマッサージ等、多種多様に分かれております。その中でも赤坂出張マッサージとしましては、依頼者の宿泊先にセラピストが出向き、もみほぐしや、リフレクソロジー、整体と言った施術を行う業務形態の一つであります。出張マッサージのメリットとしましては、サロンへ足を運ぶ時間や手間がか

どうも！LSSです！ 今回は「HTML超入門！…のさわりだけ！！」と題して、 「はてなブログ書いてるけど、HTMLは全く知らない。広告挿入のためにHTML編集画面を開くとドン引きする。」 という方に向けてちょっとだけ、HTMLってどういうものかを知る入口になったらいいな、って記事を書いてみます。 HTML編集画面を開いてみます HTMLとは？ タグとオプション タグの種類と、それぞれオプションの種類…は割愛します^^; はてなブログで即効で使えるHTMLタグ例２つ！ <hr>タグ＝区切り線 <table>タグ＝表 余録：HTMLと組んでWebページを賑やかにするお友達 CSS JavaScript PHP まとめ HTML編集画面を開いてみます 「編集　見たまま」画面で冒頭の文章を書いてから、適当に数回Enterキーを叩いて、HTML編集画面を開くと↑のような感じになります。 自分の書いた

どうも！LSSです！！ 先日の記事、「【CSS】はためく【実用性ある？？】」の応用ですが、 「カードをめくる」 という動作を、実は以前からやってみたいと思っていました。 実際に作れる事は知っていましたが、今回ちょっと挑戦してみたのです。 カードをめくるサンプル コード 解説…とまでいかないですが、とりあえず理屈だけ とりあえず、めくる動作は出来ていますが カードをめくるサンプル 割とリアルな動きでしょ^^ めくる ↑「めくる」をクリックしてみてください^^ コード <style><!-- .card{ position:relative; width:150px; height:200px; } .a{ position:absolute; border:1px solid black; border-radius:15px; width:150px; height:200px; padd