給console加樣式

2021-10-13 23:19:53 字數 934 閱讀 5265

剛剛發現乙個比較好玩的東西

在console裡邊加, 然後試了一下果然可以, 先放下源**

console.

log(

"%c "

,"background: url( no-repeat;font-size:130px;line-height: 50px"

)

其實要說也不難, 只是在console裡邊加了一些css樣式.

注意:

需要用%c, 作為佔位符;

指令前的文字不會受到影響, 但指令後的文字將會使用引數中宣告的css樣式;

控制台資訊的預設行為與行內元素相似. 為了應用padding,margin這類效果, 應當設定display:inline-block;

如果輸出的文字中希望包含%c這個字元, 可以使用%%c的方式進行轉義

%c語法可用的屬性如下

CSS樣式給按鈕加陰影

這個功能我們的css是無法實現的,不過現在的css3還是可以的,通過box shadow這個屬性來設定,他的引數有 陰影型別 此引數可選。如不設值,預設投影方式是外陰影 如取其唯一值 inset 其投影為內陰影 x offset 陰影水平偏移量 其值可以是正負值。如果值為正值,則陰影在物件的右邊,其...

給 console 新增顏色

簡評 使用 c 宣告可以給 console 的輸出新增 css 樣式,日誌太多的話,給不同種類的日誌設定不同的樣式,可以極大的提公升閱讀體驗。c 標識將 css 樣式應用於 c 之後的 console 訊息。可以給同一條 console 訊息設定多種顏色。console.log nothing he...

怎麼給HTML裡面的元素加樣式

分為外聯樣式,在css資料夾下新建login.css檔案 這是id選擇器,頁面上所有是這個的元素,都執行這裡面的樣式 div1 所有是p標籤的元素執行這裡面的樣式 p 他是class選擇器,通常命名的時候以 開頭,裡面定義了一些樣式,誰要是想用,直接用class 引用就可以了 center hu新建...