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

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

不受字型影響型：＜＞

不受字型影響型：＜＞

不受字型影響型：＜＞

不受字型影響型：＜＞

不受字型影響型：＜＞

不受字型影響型：∧∨

不受字型影響型：∧∨

不受字型影響型：∧∨

不受字型影響型：∧∨

不受字型影響型：∧∨

這裡是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

html**：

<spanclass="quarter_round"><spanclass="lt">●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 取字串...