CSS xp.cssを使ってwindows xp風のレイアウトを作成する

CSS xp.cssを使ってwindows xp風のレイアウトを作成する

CSSフレームワークであるxp.cssを使ってwindows xp風のレイアウトを作成する手順を記述してます。

環境

  • OS windows10 pro 64bit
  • Apache 2.4.43
  • ブラウザ chrome 84.0.4147.105

xp.css使用

基本的なことは、こちらのサイトをみればわかりますが、以下は、ボタンとウィンドウを表示するサンプルコードとなります。

ブラウザからアクセスして確認すると、以下のようにxpのUIがそのままレイアウトとして使用できます。

xp以外

xp以外には、「98」や

7」も存在してます。