傳統的日曆是在一張頁面劃分出幾個格仔.作為乙個網頁設計師,你有權利用**來做出效果,我也不會說你錯了.
那麼做為乙個標準的web設計師來說,遵守web的標準好處是不言而語的.那麼我們來看下如何使用css來做出乙個有彈性的日曆表出來--為什麼說是有彈性的,因為日曆的大小可以隨著瀏覽器自動調整.
三個有序列表(ol)
我們來回想一下日曆的格式,顯然乙個月的日曆並不是單一的有序列表,而是有三個.為什麼說是有三個,別急我們往下看.我們在看日曆表的時候,是不是會看到每個月的一號不一定是從星期一開始,最後一號是以星期天結束的.因此在每個月的日期前後各加乙個有序例表.(現在知道了吧,不知道的面避去^_^)
複製**
**如下:
下面是css樣式表
複製**
**如下:
/* * css calendar
* tim wright
* chris coyier
-----------------------------*/
* body
body *
ol.calendar
li
p.link
h1
/* * day styles
-------------------------*/
li li
/* * day content (ul/ol & p)
-------------------------*/
li li p
li li ol
li li ul li,
li li ol li
/* * holiday class
-------------------------*/
li li.holiday
/* * inactive months
-------------------------*/
li#lastmonth li,
li#nextmonth li
上面的**打包**程式設計客棧ar.rar
本文標題: css 製作有彈性的日曆表
本文位址: /web/css/29046.html
mysql dateofweek 日曆表 月的週數
我有乙個日曆表，其中包含2000年至2012年的資料 2012年不是故意的！我只是意識到我沒有月份的星期數 例如1月1,2,3,4 2月1,2,3,4 如何計算乙個月中的星期幾以填寫此表？這是表架構 create table tcalendar timekey int not null fullda...
mysql中的年，月，日統計以及日曆表的實現
1 建立日曆表指令碼 create table num i int 建立乙個表用來儲存0 9的數字 insert into num i values 0 1 2 3 4 5 6 7 8 9 生成0 9的數字，方便以後計算時間 create table if not exists calendar d...
讓資料庫產生一張詳細的日曆表
也許有了這張表，你的工作會輕鬆很多！create table dbo time dimension time id int identity 1,1 not null the date datetime null the day nvarchar 15 null the month nvarchar...