用CSS畫英文本母

起因是在網上看到了有人用純css畫出了英文本母，感覺不難，了解過css3的話都會感覺思路比較直觀

主要用到的css知識點：絕對定位，圓角屬性以及元素的寬高均為零時邊框的擠壓性質

效果圖

源**

doctype html

>
<
html
>
<
head
>
<
title
>css-letter
title
>
<
meta 
charset
="utf-8"
/>
<
style 
type
="text/css"
>
*.letter
.a-widget-one
.a-widget-two
.a-widget-three
.b-widget-one
.b-widget-two,.b-widget-three
.b-widget-three
.b-widget-four,.b-widget-five
.b-widget-five
.c-widget-one
.c-widget-two
.c-widget-three
style
>
head
>
<
body
>
<
div 
class
="letter"
>
<
div 
class
="a-widget-one"
>
div>
<
div 
class
="a-widget-two"
>
div>
<
div 
class
="a-widget-three"
>
div>
div>
<
div 
class
="letter"
>
<
div 
class
="b-widget-one"
>
div>
<
div 
class
="b-widget-two"
>
div>
<
div 
class
="b-widget-three"
>
div>
<
div 
class
="b-widget-four"
>
div>
<
div 
class
="b-widget-five"
>
div>
div>
<
div 
class
="letter"
>
<
div 
class
="c-widget-one"
>
div>
<
div 
class
="c-widget-two"
>
div>
<
div 
class
="c-widget-three"
>
div>
div>
body
>
html
>

英文本母排序

116.英文本母排序 20分 c時間限制 3000 毫秒 c記憶體限制 3000 kb 題目內容 編寫乙個程式，當輸入英文本串時，計算機將這個句子中的英文本母按字典字母順序重新排列，排列後的單詞的 長度要與原始句子中的長度相同，並且要求只對 到 的字母重新排列，其它字元保持原來的狀態。輸入描述 乙個...

CSS設定英文本母大小寫

css設定英文本母大小寫 英文本母大小寫轉換，是非常實用的乙個功能。在css中通過英文段落的text transform屬性，來實現大小寫的轉換。quick brown fox jumps over the lazy dog.quick brown fox jumps over the lazy d...

CSS控制長串英文本母換行問題

這段時間在編寫網頁時，遇到了將乙個隨機字元碼顯示的問題。因為字元碼全部由字母組成，而且長度比較長，在我布局的容器中居然不換行了。傳統的英文語句在單詞之間的空格處可以自動換行。但是，因為這裡是字母串，中間沒有空格，導致了沒有自動換行問題 英文語句的換行 如下 style width 100px hei...