css怎么设置td的宽度


本文摘自PHP中文网,作者青灯夜游,侵删。

在css中,可以使用width属性来设置td宽度,只需要给td元素设置“width:宽度值;”样式即可。width属性可以设置元素的宽度,定义的是元素内容区的宽度,不包括填充,边框,或页边距。

本教程操作环境:windows7系统、CSS3&&HTML5版、Dell G3电脑。

定义一个tableb表格

1

2

3

4

5

6

7

8

9

10

11

12

13

14

15

16

17

18

19

20

21

22

23

24

25

26

27

<!DOCTYPE html>

<html>

    <head>

        <meta charset="utf-8">

    </head>

 

    <body>

        <table border="1">

            <tr>

                <th>商品</th>

                <th>价格</th>

            </tr>

            <tr>

                <td>T恤</td>

                <td>¥100</td>

            </tr>

            <tr>

                <td>牛仔褂</td>

                <td>¥250</td>

            </tr>

            <tr>

                <td>牛仔库</td>

                <td>¥150</td>

            </tr>

        </table><br />

    </body>

</html>

1.png

如何使用css设置td的宽度?

可以使用width属性来设置td宽度,语法:

1

2

3

td{

    width:100px;

}

效果图:

2.png

(学习视频分享:css视频教程)

说明:

width属性设置元素的宽度。

注意: width属性不包括填充,边框和页边距!

属性值:

描述
auto默认值。浏览器可计算出实际的宽度。
length使用 px、cm 等单位定义宽度。
%定义基于包含块(父元素)宽度的百分比宽度。
inherit规定应该从父元素继承 width 属性的值。

更多编程相关知识,请访问:编程入门!!

以上就是css怎么设置td的宽度的详细内容,更多文章请关注木庄网络博客

相关阅读 >>

css如何改变图片颜色

为什么使用div+css布局?

css如何取消样式

css怎么改变鼠标形状

css中submit意思是什么

怎么在css中改变光标样式

在线演示一个全屏切换效果实例

10个令人惊叹的非典型css套件

css媒体查询有什么用

css图片怎么变圆

更多相关阅读请进入《css》频道 >>




打赏

取消

感谢您的支持,我会继续努力的!

扫码支持
扫码打赏,您说多少就多少

打开支付宝扫一扫,即可进行扫码打赏哦

分享从这里开始,精彩与您同在

评论

管理员已关闭评论功能...