                        课程
                    
                        /前端开发
                        
                            /HTML/CSS
                        
                        /初识HTML(5)+CSS(3)

为啥左侧的宽度不是10px?

.test004{
/*定义文本的格式*/
   font-family:"Microsoft Yahei";
   /*text-indent:2em;*/
   font-style:italic;
   line-height:15px;
/*定义块状元素的边框*/ 
   border:2px dotted red;
/*定义块状元素的大小*/
   width:500px;
   padding:20px 10px; 
   margin:10px;
  }

易灵均

2018-01-09

源自：初识HTML(5)+CSS(3) 12-12

关注问题我要回答

1281

操作

收起

1 回答

weibo_如何画自己的样子_0
2018-01-10

按照你的代码显示，现在文字距离左边的宽度为：10px（margin的值）+2px（border的值）+10px(padding的值)=22px，实际为22px。

padding：20px 10px 20px 8px; margin:10px 10px 10px 0;

或

padding：20px 10px 20px 0; margin:10px 10px 10px 8px;

具体看你要实现什么样的样式效果。。。。。。

新手勿喷，一起进步

0 回复有任何疑惑可以回复我~

举报

0/150

提交

取消

初识HTML(5)+CSS(3)

参与学习 1230042 人
解答问题 19084 个

HTML(5)+CSS(3)基础教程8小时带领大家步步深入学习标签用法和意义

本课相似问答

1 回答padding不是区分上右下左的么？为啥padding:10px 20px; 就设置为上下填充10px，左右为20px？

2 回答为啥上下左右都是10PX 边距并不是一样的

2 回答不是”上右下左“的顺序吗？为什么出来的效果不是右边10px，而是左边10px呢？

8 回答padding:{10px}; 意思是上右下左内边距都为10px，但是为什么显示出来的效果只有上和左是10px呢？？？

4 回答为什么“盒子1”不是居中的？？怎么看 padding:10px 上下左右都是10px呢？

搜索更多本课相关问答

为啥左侧的宽度不是10px?

我要回答关注问题

购课补贴
联系客服咨询优惠详情

帮助反馈 APP下载

慕课网APP
您的移动学习伙伴

扫描二维码
关注慕课网微信公众号