在Bootstrap中設置字體顏色

-5

我附上我的html代碼。我想知道如何更改字體顏色。在Bootstrap中設置字體顏色

的index.html

<html> 
<head> 
---- 
---- 
<body> 
<b>Student Info</b> 
{ 
"data": { 
"attributes": { 
"firstName": "xxx", //view as json data 
"lastName": "yyy" 
    --- 
    --- 
    }}} 
    </body></head></html>

我的輸出是 { 「數據」：{ 「屬性」：{ 「名字」：「XXX」「姓氏」：「YYY」 } } } 這是我的json塊視圖這裏如何改變字體顏色。

來源

2016-01-08 user5761830

你能解釋一下嗎？ –

@ user5761830你使用的是Angular還是什麼？ –

添加一個CSS文件，爲鍵和值創建類，然後將它們放入跨度？ – Marv

-1

嘗試

<span style="color:#ff0000"> { 
    "data": { 
    "attributes": { 
    "firstName": "xxx", //view as json data 
    "lastName": "yyy" 
     --- 
     --- 
     }}} 
    </span>

來源

2016-01-08 09:45:11

我想你正在尋找的是某種語法高亮的。我不會給你自動找到鍵和值的代碼，但我會告訴你它是如何完成的。

.value { 
 
    color: red; 
 
} 
 

 
.key { 
 
    color: green; 
 
}

<b>Student Info</b> 
 
{<br /> 
 
    <span class="key">"data"</span>: {<br /> 
 
     <span class="key">"attributes"</span>: {<br /> 
 
      <span class="key">"firstName"</span>: <span class="value">"xxx"</span>,<br /> 
 
      <span class="key">"lastName"</span>: <span class="value">"yyy"</span><br /> 
 
    }<br /> 
 
}

基本上你要添加span元素到您的文檔，並把鍵和值放進去。將CSS類添加到可更改顏色的跨度，基本完成。
其他一切都在格式化，因爲您需要換行符和正確的縮進。

來源

2016-01-08 09:50:12 Marv

在Bootstrap中設置字體顏色

回答

相關問題