2017-07-04 4 views
0

PHPを使用してインラインCSSを作成しようとしています。なぜ動作しないのかわかりません 私のデータベースから来るデータに基づいてCSSを書く必要があります。私はスタイルタグの間のphpを入れて、CSS"PHP"で "CSS"を作成する

<!DOCTYPE html> 
<html> 
<head> 
<style> 
*{padding-right: 0px; PADDING-left: 0px; padding-bottom: 0px; margin: 0px; padding-top: 0px;} 

<?php 
echo "<br/>"; 
echo '.button { '; 
echo "<br/>"; 
echo 'background-color: green;'; 
echo "<br/>"; 
echo 'border: none;'; 
echo "<br/>"; 
echo 'color: white;'; 
echo "<br/>"; 
echo 'padding: 15px 32px;'; 
echo "<br/>"; 
echo 'text-align: center;'; 
echo "<br/>"; 
echo 'text-decoration: none;'; 
echo "<br/>"; 
echo 'display: inline-block;'; 
echo "<br/>"; 
echo 'font-size: 16px;'; 
echo "<br/>"; 
echo 'margin: 4px 2px;'; 
echo "<br/>"; 
echo 'cursor: pointer;'; 
echo "<br/>"; 
echo '} '; 
echo "<br/>"; 
?> 

</style> 
</head> 
<body> 

<h2>CSS Buttons</h2> 

<button>Default Button</button> 
<a href="#" class="button">Link Button</a> 
<button class="button">Button</button> 
<input type="button" class="button" value="Input Button"> 

</body> 
</html> 
+0

あなたは '* {padding-right:0px;パディング - 左:0px。パディングボトム:0px。マージン:0px。 padding-top:0px;} '* {padding:0; margin:0;}' –

答えて

4

を作成することができれば、あなたはCSSでこれらすべての<br/>のタグを置くことによって、無効なCSSを作成している参照してください。代わりにecho "\n";を使用して、実際の改行を入れてください。または、そのまま放置する - スタイルが同じ行にあるかどうかはCSSが気にしない。

+0

ここで、作業コードは次のようになります。 – jperson19468

関連する問題