teratail header banner
teratail header banner
質問するログイン新規登録

質問編集履歴

3

質問文、追加いたしました

2021/01/27 11:25

投稿

muneyosi
muneyosi

スコア9

title CHANGED
File without changes
body CHANGED
@@ -1,6 +1,7 @@
1
1
  ### 前提・実現したいこと
2
2
  (画像参照)
3
3
  角が消えているように見えるのですが、どうやったら実装できるかが分かりません。。。
4
+ こちらは、border-radiusで指定しているのでしょうか?それとも、角のみ消せるCSSプロパティ等があるのでしょうか?
4
5
  ご教示お願いたします。
5
6
  ![イメージ説明](f41fb6f36f926db1c3f0c5a6afcceb41.png)
6
7
 

2

htmlを追加いたしました。質問文を追加いたしました

2021/01/27 11:24

投稿

muneyosi
muneyosi

スコア9

title CHANGED
File without changes
body CHANGED
@@ -1,11 +1,17 @@
1
1
  ### 前提・実現したいこと
2
+ (画像参照)
2
- 画像のようなも、実現したいのですが、どうやったら角を画像のように実装るかが分かりません。。
3
+ 角が消えているように見えるのですが、どうやったら実装できるかが分かりません。。
3
4
  ご教示お願いたします。
4
5
  ![イメージ説明](f41fb6f36f926db1c3f0c5a6afcceb41.png)
5
6
 
6
7
  ### 該当のソースコード
8
+ **試したこと**
9
+ border-radiusを指定して、角を丸めるようにしましたが、点線が回るだけで、角を消しているようにはできませんでした。
7
10
  実装したら、画像の様になります。
8
11
  ![イメージ説明](f2736bd5d885759767436ecd631e9742.png)
12
+ ```ここにhtmlを入力
13
+ <div class="border"></div>
14
+ ```
9
15
  ```ここにCSSを入力
10
16
  .border {
11
17
  max-width: 500px;

1

画像が間際らしかったで変更いたしました

2021/01/27 11:13

投稿

muneyosi
muneyosi

スコア9

title CHANGED
File without changes
body CHANGED
@@ -1,7 +1,6 @@
1
1
  ### 前提・実現したいこと
2
- 画像2のようなもの、実現したいのですが、どうやったら角を画像1のように実装するかが分かりません。。
2
+ 画像のようなもの、実現したいのですが、どうやったら角を画像のように実装するかが分かりません。。
3
3
  ご教示お願いたします。
4
- ![イメージ説明](e9e3edd7b5fd6e3ffe548bda309db29c.png)
5
4
  ![イメージ説明](f41fb6f36f926db1c3f0c5a6afcceb41.png)
6
5
 
7
6
  ### 該当のソースコード