1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
ChatGPT 調整區域補充｜ChatGPT CSS Note

୨୧・୨୧・୨୧

■ ChatGPT訊息裡的表格樣式：
改訊息框後，表格有機率外觀跑位，介意可以使用這個語法，順便也可表格裝飾（

table,
th,
td {
border: 1px solid pink !important;
background-color: white !important;
color: black !important;
border-radius: 6px;
border-collapse: collapse;
}


■ 點選 / 滑到按鈕處產生變化：
.btn:hover,
button:hover {
background-color: pink;
color: white;
border-radius: 30px;
box-shadow: 0 1.5px 3px darkpink;
padding: 1.5px 12px 1.5px 12px;
}


■ 使用者方的名字：
（目前使用，名字得依據長度自行調整位置，才能跟頭貼貼近）

div[data-message-author-role="user"]>div:nth-child(1):before {
/* 暱稱 */
content: "User";
position: relative;
right: -695px;
top: -10px;
font-weight: 500;
}
div[data-message-author-role="user"]>div:nth-child(1) {
margin-top: -25px;
}