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

質問編集履歴

2

内容修正

2021/04/23 15:36

投稿

Fukusuke0604
Fukusuke0604

スコア555

title CHANGED
File without changes
body CHANGED
@@ -69,7 +69,7 @@
69
69
 
70
70
  table tr th p { border-radius: 10px; color: #fff; width: 190px; padding: 18px 0 16px; margin: 0 auto 23px; }
71
71
 
72
- table tr .AERA p { background-color: #d8395b; }
72
+ table tr .xxx p { background-color: #d8395b; }
73
73
 
74
74
  table tr .profession_a p { background-color: #0d526d; }
75
75
 
@@ -79,7 +79,7 @@
79
79
 
80
80
  table tr .td_title { background-color: #e7eef2; }
81
81
 
82
- table tr .AERA_wrap { outline: 11px solid #d8395b; color: #d8395b; }
82
+ table tr .xxx_wrap { outline: 11px solid #d8395b; color: #d8395b; }
83
83
  コード
84
84
  ```
85
85
 

1

css修正

2021/04/23 15:36

投稿

Fukusuke0604
Fukusuke0604

スコア555

title CHANGED
File without changes
body CHANGED
@@ -64,53 +64,22 @@
64
64
  コード
65
65
  ```
66
66
 
67
- ```scss
67
+ ```css
68
- table{
69
- margin: 55px auto 60px;
70
- border-collapse: separate;
68
+ table { margin: 55px auto 60px; border-collapse: separate; border-spacing: 4px 0; }
71
- border-spacing: 4px 0;
69
+
72
- tr{
73
- th{
74
- p{
75
- border-radius: 10px;
76
- color: #fff;
77
- width: 190px;
78
- padding: 18px 0 16px;
70
+ table tr th p { border-radius: 10px; color: #fff; width: 190px; padding: 18px 0 16px; margin: 0 auto 23px; }
79
- margin: 0 auto 23px;
71
+
80
- }
81
- }
82
- .xxx{
83
- p{
84
- background-color: #d8395b;
72
+ table tr .AERA p { background-color: #d8395b; }
85
- }
73
+
86
- }
87
- .profession_a{
88
- p{
89
- background-color: #0d526d;
74
+ table tr .profession_a p { background-color: #0d526d; }
90
- }
75
+
91
- }
92
- .profession_b{
93
- p{
94
- background-color: #617795;
76
+ table tr .profession_b p { background-color: #617795; }
95
- }
77
+
96
- }
97
- td{
98
- border: 1px solid #dbdbdb;
78
+ table tr td { border: 1px solid #dbdbdb; width: 201px; height: 84px; vertical-align: middle; text-align: center; font-size: 16px; }
99
- width: 201px;
79
+
100
- height: 84px;
101
- vertical-align: middle;
102
- text-align: center;
103
- @include f(16,"",0);
104
- }
105
- .td_title{
106
- background-color: #e7eef2;
80
+ table tr .td_title { background-color: #e7eef2; }
107
- }
81
+
108
- .xxx_wrap{
109
- outline:11px solid #d8395b;
82
+ table tr .AERA_wrap { outline: 11px solid #d8395b; color: #d8395b; }
110
- color:#d8395b;
111
- }
112
- }
113
- }
114
83
  コード
115
84
  ```
116
85