使用字元代替圓角尖角研究

2022-07-26 19:15:10 字數 2217 閱讀 1153

一、字型與字元顯示的關係

不受字型影響型:<>

不受字型影響型:<>

不受字型影響型:<>

不受字型影響型:<>

不受字型影響型:<>

不受字型影響型:∧∨

不受字型影響型:∧∨

不受字型影響型:∧∨

不受字型影響型:∧∨

不受字型影響型:∧∨

這裡是45度尖角,字型為宋體:∠

這裡是45度尖角邊形實體,字型為arial:∠

這裡是45度尖角,字型為lucida sans unicode:∠

這裡是45度尖角,字型為times new roman:∠

這裡是45度尖角,字型為verdana:∠

這裡是實體尖角,字型為宋體:► ◄ ▲▼

這裡是實體尖角,字型為arial:► ◄ ▲▼

這裡是實體尖角,字型為lucida sans unicode:► ◄ ▲▼

這裡是實體尖角,字型為times new roman:► ◄ ▲▼

這裡是實體尖角,字型為verdana:► ◄ ▲▼

這裡是實體圓,由於大小有限,表現類似乙個六邊形實體,字型為宋體:●

這裡是實體圓,由於大小有限,表現類似乙個六邊形實體,字型為arial:●

這裡是實體圓,由於大小有限,表現類似乙個六邊形實體,字型為lucida sans unicode:●

這裡是實體圓,由於大小有限,表現類似乙個六邊形實體,字型為times new roman:●

這裡是實體圓,由於大小有限,表現類似乙個六邊形實體,字型為verdana:●

這裡是乙個空心的圓形,字型為宋體:○

這裡是乙個空心的圓形,字型為arial:○

這裡是乙個空心的圓形,字型為lucida sans unicode:○

這裡是乙個空心的圓形,字型為times new roman:○

這裡是乙個空心的圓形,字型為verdana:○

這裡是四分之一圓弧,字型為宋體:╰ ╯╭ ╮

這裡是四分之一圓弧,字型為arial:╰ ╯╭ ╮

這裡是四分之一圓弧,字型為lucida sans unicode:╰ ╯╭ ╮

這裡是四分之一圓弧,字型為times new roman:╰ ╯╭ ╮

這裡是四分之一圓弧,字型為verdana:╰ ╯╭ ╮

二、實現四分之一實體圓

以四分之一實體圓填充四個角實現含有背景色的圓角效果。●●

●●css**:

.quarter_round

.quarter_roundspan

.quarter_round .lt{}

.quarter_round .rt

.quarter_round .lb

.quarter_round .rb

html**:

<spanclass="quarter_round"><spanclass="lt">●span>span>;

<spanclass="quarter_round"><spanclass="rt">●span>span>

<spanclass="quarter_round"><spanclass="lb">●span>span>

<spanclass="quarter_round"><spanclass="rb">●span>span>

三、實現實色背景的圓角矩形

以四分之一實體圓填充四個角實現含有背景色的圓角效果。●●

●●四、實現含有尖角指示的實色背景的圓角矩形

以四分之一實體圓填充四個角,新增尖角符,實現帶尖角的實色圓角矩形。▲●

●●● 以四分之一實體圓填充四個角,新增尖角符,實現帶尖角的實色圓角矩形。

以四分之一實體圓填充四個角,重複一次,1畫素錯位。新增尖角符,2畫素上下錯位,矩形雙層標籤,實現最終的雙邊框效果。◆◆●

●●● 以四分之一實體圓填充四個角,重複一次,1畫素錯位。新增尖角符,2畫素上下錯位,矩形雙層標籤,實現最終的雙邊框效果。

>

通過 為知筆記 發布

使用字元實現的圓角

參考zhangxinxu的 告別 使用字元實現相容性的圓角尖角效果beta版 寫的乙個使用字元實現圓角的效果。當今web設計是乙個追求效能的時代,多一張就意味著多一次http請求,使用css設計一些簡單的效果代替,我覺得是一種聽起來就很 雞凍 的做法,終於可以擺脫設計的瓶頸,把主動權把握在自己手裡了...

1 使用字元編碼輸出特殊字元

通過字元碼來輸出特殊字元,字元碼可以在windows的字元對映表裡檢視,通過chr 函式解析字元編碼,再通過print 函式輸出出來。也可以用for迴圈連續輸出特殊符號,這幾個特殊符號的字元碼必須是連續的,否則for迴圈會列印出其他的特殊符號。例如 for i in range 10048,1005...

使用字元函式刪除多張表

常見的得到多表有規則刪除語句是這樣的 select drop table table name from user tables where table name like t table 我這邊有個較奇怪的邏輯 取字尾為 his的表的除去 his外的表名後刪除 必須聯合字串函式 instr 取字串...