2012-02-19 7 views
-3

私はCSSを初めて使っていて、ちょっとした問題があります。私はニュースフィードページを作成しています。他のフィードからフィードを分けたいと思っています。代わりに私がこれまで試してみましたHERESに何enter image description herecss on table borders

は...

<html> 
<style type = text/css> 
td.border 
{ 
border-right-style: hidden; 
border-left-style: hidden; 
border-top-style: hidden; 
border-bottom-color: #999; 
} 
</style> 
<table width="90%" align="center" cellpadding="4" bgcolor="#A6D2FF"> 
    <tr> 
     <td width="7%" bgcolor="#FFFFFF"><a href="http://www.project360.in/emp_profile.php?id=uid">Name</a><br /> 
     </td> 
     <td width="93%" class = "border" bgcolor="#D9ECFF"> <span style="font-size:10px; font-weight:bold; color:#A6A6A6;">Date</span><br /> 
     ufeed</td> 
    </tr> 
    </table> 
</html> 
+1

質問コードを編集して、関連するHTMLとCSSだけを含めてください。これはPHPとは無関係です。 –

+1

まず、このためにテーブルを使用しないでください。これは典型的な順序付けられていないリスト( 'ul')です。もし望むなら、順序付けされたリスト(' ol')です。 – kapa

+0

@bazmegakapa:いい提案ですが、もし私がそれを使うのであれば?上記のコードは動作していないので...構文エラーはありますか? –

答えて

1
あなたは試してみてください

利用のborder-top /左/右/下*スタイルと* -color:

td.border 
{ 
border-right: none; 
border-left: none; 
border-top: none; 
border-bottom: 1px #999 solid; 
} 

上記のように、あなたはそのようなもののためにテーブルを使うべきではありません。

+0

最初の3つのルールの代わりに、単純に 'border:none;'。 'border-bottom'は下のボーダーのためにそれを上書きします。 – kapa

+0

はい、それはそうすることができます:) – MarcinJuraszek