一緒に読まれている質問
- W3QはTters内にてサービス継続中です。今後とも当サービスをご愛顧のほど、よろしくお願い申し上げます。
- CSSのpadding-topで画像のアスpeクト比が調整できる仕組みがバカだから全然理解できないままとりあえず使ってる...
- ディスクリプションとかキーワードとかseo的になんの効果もないのに聞きかじった知識披露するクライントって何なんだろうこん...
- 単発の案件で作った Slack のワークスペースって終わったらどうしたらいいん? 継続して取引のあるクライアントなら残し...
- 一般的にiPhoneユーザーってGoogleアカウント持ってるもんなの?特に20代~30代で。肌感でもいいから教えてくだ...
11 件の回答
いまいち質問の意図が分からないのだけど
border-collapse: separate;
border-spacing: 左右 上下;
ではあかんの?
http://www.htmq.com/style/border-spacing.shtml
Re:2
全部囲まずに十字型にして空白をあけたいのですborder-rightとborder-bottomがくっついてしまいます。....説明下手ですみません。
Re:3
いや、多分俺の理解する頭脳が足りないだけだ。すまない。
cssの実コードがどうなっているのか、サンプルを貼ってもらえると助かる。
ヒント:
box-shadowで線を表現
疑似要素で空白(背景色と同じにして)を作る
ワイは一流CSSerやから余裕
まず、お絵描きしたものを貼ってみなさい
たぶん、その日本語じゃわからん
Re:6
https://imgur.com/k32XJHO
こういう風にしたいのです。
Re:4
https://imgur.com/NvaLMGH
雑ですがこんな感じにしかできません・・・。
Re:4
https://imgur.com/k32XJHO
こういう風にしたいのです。
Re:7
4つって決まってるんだったら、難易度は低いと思われる。
俺ならば、nth-of-type()を使って個々のborderをセットして、疑似要素で中央の空白を埋めるね。
画像でやれば簡単やで^^
display:table;やtable-cell、first-childやlast-childを使えば楽勝じゃない?