0

シンプルなhtmlテーブル要素があります。

<table border="2" cellpadding="5" cellspacing="0" width="40%">
    <tr><td> aaa </td><td> bbb </td></tr>
    <tr><td> ccc </td><td> ddd </td></tr>
</table>

CSS で最初のステップを実行している今、後者のテーブル スタイルを CSS として定義しようとしています。

私はそれを達成することはできません - 私が何をしても境界線は異なって見えます. 助けてください。

CSSスタイルの私のHTML:

<style type="text/css">
table.my_class
{
    width:40%;
}
table.my_class,table.my_class tr, table.my_class td
{
    border-color: black;
    border-width: 2px;
    border-style:groove;
    padding:15px;
    border-collapse:collapse;
}
</style>

<table class="my_class">
    <tr><td> aaa </td><td> bbb </td></tr>
    <tr><td> ccc </td><td> ddd </td></tr>
</table>

まず、actionscript 3 で root を使用しないでください。また、この質問は非常に漠然としています。でも助けようとします。keyUp および KeyDown イベント ハンドラが動作していると仮定しています。そうでない場合、それはまったく別の問題です。ただし、AS3 でムービー クリップを参照するには、その名前を参照するだけです。再生したいムービーのインスタンス名が「MyMovieClip1」の場合は、次のようにします。

MyMovieClip1.play();

再生を停止するには、次のようにします。

MyMovieClip1.stop();
4

3 に答える 3

4

HTML

<table border="2" cellpadding="5" cellspacing="0" width="40%">
    <tr><td> aaa </td><td> bbb </td></tr>
    <tr><td> ccc </td><td> ddd </td></tr>
</table>
<br/>
<table class="mytable">
    <tr><td> aaa </td><td> bbb </td></tr>
    <tr><td> ccc </td><td> ddd </td></tr>
</table>​

これはreset.css CSSなしのソリューションです

table.mytable {
 width: 40%;
 border: 2px solid #444;  
 border-spacing: 0;    
}

table.mytable tr {border-bottom: 1px solid #444}

table.mytable td{
  border-right: 1px solid #444;
  border-bottom: 1px solid #444;
  padding: 5px;
}

table.mytable tr td:last-child{ border-right: 0 }
table.mytable tr:last-child td{ border-bottom: 0 }

これがreset.css CSSによる解決策です

table.mytable {
 width: 40%;
 border: 2px solid #000;    
}

table.mytable td{
  border: 1px solid #000;
}
​
于 2012-06-25T12:24:24.857 に答える
1

属性を持つスタイルのないテーブルを使用すると、borderブラウザーによって境界線が異なって表示されます。実線の境界線を描画するブラウザーもあれば、テーブルの外側の境界線を描画し、セルの境界線を挿入するブラウザーもあります。CSS でこのバリエーションを実現する方法はありません。そしてその必要性はほとんどありません。CSS が提供しなければならないさまざまなツールを検討した後、好みのレンダリングを選択するだけで、プレゼンテーションの HTML 属性の機能を大幅に超えます (一部のブラウザー依存関係を作成する場合を除く)。

于 2012-06-25T13:29:14.617 に答える
1

属性を好きなように正確に変換できるとは思いません...当時、標準はその程度に適用されておらず、通常、ブラウザーごとに異なるように見えるためです。あなたの最善の策は、それに近いものを調整することです。

    <!doctype HTML>
    <html>
      <head>
        <title></title>
        <meta content="">
        <style>
        .tbl
        {
            width:40%;
            border: solid 2px black;
            border-collapse: collapse;
        }

        .tbl td
        {
            padding: 5px;
            border: solid 2px black;
        }

        </style>
      </head>
      <body>

        <table border="2" cellpadding="5" cellspacing="0" width="40%">
        <tr><td> aaa </td><td> bbb </td></tr>
        <tr><td> ccc </td><td> ddd </td></tr>
        </table>
        <br/><br/>
        <table class="tbl">
        <tr><td> aaa </td><td> bbb </td></tr>
        <tr><td> ccc </td><td> ddd </td></tr>
        </table>
      </body>
    </html>
于 2012-06-25T12:35:45.357 に答える