質問編集履歴

3

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

2021/01/27 11:25

投稿

muneyosi
muneyosi

スコア9

test CHANGED
File without changes
test CHANGED
@@ -3,6 +3,8 @@
3
3
  (画像参照)
4
4
 
5
5
  角が消えているように見えるのですが、どうやったら実装できるかが分かりません。。。
6
+
7
+ こちらは、border-radiusで指定しているのでしょうか?それとも、角のみ消せるCSSプロパティ等があるのでしょうか?
6
8
 
7
9
  ご教示お願いたします。
8
10
 

2

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

2021/01/27 11:24

投稿

muneyosi
muneyosi

スコア9

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

1

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

2021/01/27 11:13

投稿

muneyosi
muneyosi

スコア9

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