1. ホーム
  2. php

[解決済み] phpでcssスタイルを使用する方法

2022-03-04 12:07:25

質問

phpを使って、mysqlからのデータを表示しています。以下は私のCSSステートメントです。

<style type=”text/css”>
table {
    margin: 8px;
}

th {
    font-family: Arial, Helvetica, sans-serif;
    font-size: .7em;
    background: #666;
    color: #FFF;
    padding: 2px 6px;
    border-collapse: separate;
    border: 1px solid #000;
}

td {
    font-family: Arial, Helvetica, sans-serif;
    font-size: .7em;
    border: 1px solid #DDD;
}
</style>

これらは、テーブル、テーブルヘッダー、テーブルデイトの表示に使用されます。 私はphpのcssの初心者なので、phpの表示コードで上記のcssスタイルをどのように使用するのか疑問に思っています。

<?php>
echo "<table>";
echo "<tr><th>ID</th><th>hashtag</th></tr>";
while($row = mysql_fetch_row($result))
{
    echo "<tr onmouseover=\"hilite(this)\" onmouseout=\"lowlite(this)\"><td>$row[0]</td>                <td>$row[1]</td></tr>\n";
}
echo "</table>";
<?>

解決方法は?

CSS(Cascading Style Sheets)は、マークアップ言語で書かれた文書のプレゼンテーションセマンティクス(見た目や書式)を記述するために使用されるスタイルシート言語である。 詳細はこちら http://en.wikipedia.org/wiki/Cascading_Style_Sheets CSSはプログラミング言語ではないので、PHPのようなサーバーサイド言語に付属するツールは持っていません。しかし、サーバーサイド言語を使ってスタイルシートを生成することは可能です。

<html>
<head>
<title>...</title>
<style type="text/css">
table {
margin: 8px;
}

th {
font-family: Arial, Helvetica, sans-serif;
font-size: .7em;
background: #666;
color: #FFF;
padding: 2px 6px;
border-collapse: separate;
border: 1px solid #000;
}

td {
font-family: Arial, Helvetica, sans-serif;
font-size: .7em;
border: 1px solid #DDD;
}
</style>
</head>
<body>
<?php>
echo "<table>";
echo "<tr><th>ID</th><th>hashtag</th></tr>";
while($row = mysql_fetch_row($result))
{
echo "<tr onmouseover=\"hilite(this)\" onmouseout=\"lowlite(this)\"><td>$row[0]</td>                <td>$row[1]</td></tr>\n";
}
echo "</table>";
?>
</body>
</html>