スマホのトップページにHTMLで枠を付ける方法について

Question

お世話になっております。
スマホのトップページに、HTMLで枠を作ったリンクを入れたいと思います。
PCは以下のもので大丈夫だったのですが、スマホだとdivが使えません。
同じような見た目にすることが出来ますか？

二重線の角丸ではないものなら以前作ったものがあるのですが、シンプルめにしたいです。

よろしくお願いいたします。


※リンクはまだ入れてません。後から入れます。


	
        ～1,000円
    

	
        1,001～5,000円
    

	
        5,000～10,000円
    

	
        10,001円～

Accepted Answer

ECマスターズの三輪です。

> 幅を固定することは出来ますか？
> 4つのボタンを付けたいのですが、文字数によって幅が変動しない枠が欲しいです。

タグにて、
width="100" とheight="50"
上記、属性（幅と高さ）を追記していただくといかがでしょうか。
必要に応じて、width="100" の数値を変更をお願い致します。

以下のソースコードをご参照いただけますと幸いです。





～1,000円




1,001～5,000円




5,000～10,000円




10,001円～

Answer

ECマスターズの三輪です。

いただいたご質問ですが、確認いたしますので、
恐れ入りますが、ご回答まで今しばらくお待ちくださいますよう
お願いいたします。

Answer

ECマスターズの三輪です。

> スマホのトップページに、HTMLで枠を作ったリンクを入れたいと思います。
> PCは以下のもので大丈夫だったのですが、スマホだとdivが使えません。
> 同じような見た目にすることが出来ますか？

残念ながら、HTMLファイルにCSSを指定する
style属性等も禁止タグとなるため、
スマホのトップページに角丸の枠を設定することはできません。

ご理解のほどよろしくお願いいたします。

Answer

角丸が無理でも、枠がつけられるだけでも構いません。


    
        ◯◯
    

上記で二重線の枠が入っているので、そのような感じで二重じゃないものにしたいです。
よろしくお願いいたします。

Answer

ECマスターズの三輪です。

> 上記で二重線の枠が入っているので、
> そのような感じで二重じゃないものにしたいです。

先頭のタグにて、
cellspacing="0"
上記、属性を追記していただくといかがでしょうか。

https://www.tagindex.com/html_tag/table/table_cellspacing.html
上記ページの
■cellspacingに0を指定した例
のような見た目に変更できるかと思います。



◯◯

↓


◯◯

Answer

ありがとうございます。
これでもいいのですが、ボタンそれぞれに枠を付けることは出来ますか？

□□□□
こんな感じです。
全体の外枠は不要です。

よろしくお願いいたします。

Answer

ECマスターズの三輪です。

> これでもいいのですが、ボタンそれぞれに枠を付けることは出来ますか？
> □□□□
> こんな感じです。
> 全体の外枠は不要です。

タグの中にタグを
作成することでボタンそれぞれに枠を付けることは出来ます。
以下のソースコードをご参照いただけますと幸いです。





◯◯




△△




✕✕

Answer

ありがとうございます。

何度もすみません。

幅を固定することは出来ますか？
4つのボタンを付けたいのですが、文字数によって幅が変動しない枠が欲しいです。

よろしくお願いいたします。

Answer

いい感じです！
ありがとうございました