人力検索はてな
モバイル版を表示しています。PC版はこちら
i-mobile

はてなブログの書き込みで罫線を使いたいが、どうしたらいいでしょうか。

●質問者: いちのせき
●カテゴリ:はてなの使い方
○ 状態 :終了
└ 回答数 : 5/5件

▽最新の回答へ

1 ● adlib


 
────────────────────────────────

????????????????????????????????

━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━

□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□

--><↑=Non-display
└┴┴┴┴┴┴┴┴┴┴┴┴┴┴┴┴┴┴┴┴┴┴┴┴┴┴┴┴┴┴┘
(非表示指定;上下を逆に)
┌┬┬┬┬┬┬┬┬┬┬┬┬┬┬┬┬┬┬┬┬┬┬┬┬┬┬┬┬┬┬┐
↓=Non-display>


adlibさんのコメント
罫線・横線・傍線・下線・波線・消線・二重線・点線……?

いちのせき さんのコメント
ありがとうございます。 ひきたい罫線は、横2ます分の横中央の実践になります。 以下表記したいことを具体的にすると、 “そこで - - ” の- -の部分を罫線にしたいのです。 出来るものでしょうか。 教えていただけたら嬉しいです。

2 ● a-kuma3
ベストアンサー

「見たままモード」を使うなら、「HTML編集」に切り替えて、横線を入れたいところに <hr> と書くと良いです。

f:id:a-kuma3:20160110222920p:image

と書くと、こうなります。

f:id:a-kuma3:20160110223017j:image





追記です。

2ます分の中央に2ます分の長さの横の罫線を入れるにはどうしたらできるでしょうか。


全角空白ふたつに「打消し線」の修飾をする。

f:id:a-kuma3:20160111100533p:image


「見たままモード」ではなく、「はてな記法モード」にして以下のように打つ。

<span style="border-top: 1px solid black; width: 2em; height: 0.5ex; display: inline-block;"></span>

f:id:a-kuma3:20160111100532p:image


こんな見た目になります。

f:id:a-kuma3:20160111100531p:image


いちのせき さんのコメント
ありがとうございます。教えられたとおりしたら罫線がひけました。 今まであきらめていた罫線がひけるることに感激しました。 さて、今回ひきたい罫線は、横2ます分の横中央の実践になります。 具体的には、 “そこで - - ” の- -の2ます分の罫線です。 出来るものでしょうか。 教えていただけたら嬉しいです。

a-kuma3さんのコメント
>> “そこで - - ” の- -の2ます分の罫線です。 出来るものでしょうか。 << 回答に追記しました。

a-kuma3さんのコメント
画像を使った方が楽かな、とも思いました。 後で追記します(多分)。

a-kuma3さんのコメント
「打消し線」で修飾するところは、元からあった「?」(長音記号)を消して、全角の空白にした方が良いです。

質問者から

早速にご回答をくださったお二人の方、ありがとうございました。
私の聞き方が不十分でしたので、お二人にお詫びし、補足します。
2ます分の中央に2ます分の長さの横の罫線を入れるにはどうしたらできるでしょうか。
(それが出来ないので、とりあえず、- - としました。)


3 ● adlib


タグは、すべて半巾で。
<s>文字を消すまたは訂正する</s>
<strike>文字を消すまたは訂正する</strike>

  
文字を消すまたは訂正する
文字を消すまたは訂正する
http://www.dspt.net/html_tag/002_data/010.html
HTMLタグ辞典

http://www.dspt.net/html_tag/002_data/010.html
HTMLタグ辞典


4 ● ぽけっとしすてむ

f:id:psne:20160111094629p:image
回答No2のように、打消しの線を引きたい長さの全角スペース分(2文字)用意して装飾すると実現できます。

f:id:psne:20160111095219p:image
こちらの画像は、半角スペース+全角スペース2個を用意して、
(1)全角スペースを選択して
(2)打消 ボタンを押して装飾
という手順を行っています。


1-5件表示/6件
4.前の5件|次5件6.
関連質問

●質問をもっと探す●



0.人力検索はてなトップ
8.このページを友達に紹介
9.このページの先頭へ
対応機種一覧
お問い合わせ
ヘルプ/お知らせ
ログイン
無料ユーザー登録
はてなトップ