webページのつくり方 | 学びの道

webページのつくり方、web制作、web作成、学びの道を歩み中！フェリカテクニカルアカデミー「東京・池袋」にてWeb作成を勉強中です。学んだ事をメモしていきます。

PHP メールフォーム【init.php】【style.css】

PHP

PHP メールフォーム【init.php】【style.css】 について記載します。

※但し、あくまでも練習です。

 

　下記5枚のファイルで構成されます。

  1. index.php
  2. thanks.php
  3. check.php
  4. init.php
  5. style.css

 

本日は、4.init.php　5.style.css について記載します。

 

【init.php】

<?php
function h($str){
 return htmlspecialchars($str,ENT_QUOTES,"UTF-8");
}

//自分のサイトのページをいかなるサイトにおいても表示させない。
header('X-Frame-OPTIONS:DENY');

//bodyを書くob_start — 出力のバッファリングを有効にする
//バッファリング：正しいかどうか確認している。入れておくと大変便利
ob_start();
session_start();
session_regenerate_id(true);

PHP メールフォーム【style.css】について記載します。

※但し、あくまでも練習です。

 

下記5枚のファイルで構成されます。

  1. index.php
  2. thanks.php
  3. check.php
  4. init.php
  5. style.css

本日は、5.style.css　について記載します。

 

 

【style.css】

@charset "utf-8";
/* CSS Document */

table {
  border-collapse:collapse;
  border:#93c400 1px solid;
  width:420px;
}

th{
  width:30%;
  font-size:13px;
  background:#CAE7F2;
  text-align:left;
  vartical-align:top;
  border:1px solid #0CC;
}
td{
  padding:6px;
  border:1px solid #CAE7F2;
}
 
input.btn{
  text-align: center;
  font-size: 90%;
  width: 50px;
  margin: 10px auto 0;
}
.btn {
  color:: #333;
  border:1px solid #AA;
  cursor: pointer;
  padding: 3px 12px;
    background: #EEE;
}
.btn:hover {
   color:#666;
background:#FFF;
}
p {
  font-size:13px;
}
h1
{
  font-size:16px;
}