Lin.mo 里莫彩繪事務所/里莫文創館

掌握CSS基礎，用簡單的代碼製作令人驚艷的旋轉動畫！
以下是一個簡單的示例，可以使用CSS實現360度圓周率的旋轉動畫：HTML部分：

用php寫一個到訪人數的程式, 此程式非灌水型的程式 這個程式會獲取訪客的IP地址，然後讀取存儲在visits.txt文件中的訪問次數。如果是新的IP地址訪問，它會將IP地址添加到ips.txt文件中，然後增加訪問次數。最後，它會更新visits.txt文件中的總訪問次數並輸出結果。 請注意，這個程式的IP地址記錄方法可能會有一些問題，因為訪客可以使用代理伺服器或其他技術來隱藏其真正的IP地址。如果您需要更精確的IP地址記錄，請參考相關的PHP庫或服務。以下是一個簡單的PHP程式，可以記錄訪客IP並統計總訪問人數：

這裡是一個基本的聯絡表單範例，包含了您所要求的字段和一個簡單的驗證碼。
請注意，這只是前端部分的代碼，您需要在後端處理表單提交並驗證驗證碼。

網頁設計教學 html&css padding 與 margin的差別
margin與padding可以說是絕對肯定必定會用到的
兩個屬性,那對於初學者來說 , 時常會搞混兩種的用法
先簡單敘述一下 padding 
padding 
屬性 padding-top （上）: 各種數值
       padding-right （右）
       padding-bottom （下）
       padding-left （左）
組合寫法
      padding ：10px; （上右下左）
      padding : 13px 15px 12px 11px; （上右下左）運用在四方內距都不同的時候
      padding : 0 10px; (左右)
      padding : 10px 0; (上下)

今天分享兩種讓網頁100%滿版的方式 , 
首先我先分享一下效果
https://www.linmohart.com.tw/ 
最上層的banner為滿版效果

網頁設計教學 html div標籤與css float 浮動式定位跑版解決方法
自從多年前脫離表格 (table) 開始 , 在排版上我們會需要非常熟練

css font icon 完美置中 此例搭配 Font Awesome

一般我們在做網頁商品列表的時候,
客戶他們的商品名稱有長有短
遇到名稱長短差距大的狀況
有時候可能會導致跑版
遇到這種情形
我們首要想到的可能就是限制他的字數

t shirt 變色效果  css + html + jQuery