为什么给css添加border和padding不起效果

最新推荐文章于 2023-02-16 10:16:39 发布
最新推荐文章于 2023-02-16 10:16:39 发布
阅读量2.5k 收藏
点赞数
分类专栏： HTML+CSS
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/u011350541/article/details/48624557
版权

为什么给css添加border和padding不起效果？

在写jsp页面的css时，明明修改了css，添加了padding:0px,100px;或者是margin:0px,100px;

跳转到浏览器页面时，发现修改的没有效果。

一直百度，找不到reason。

后面再一调试发现原因是要这样写，padding-left,or margin-left。jsp的页面不支持padding和margin的简写。。

周二也被占用
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
css下margin、padding、border、background和font缩写示例
10-30
CSS代码简化在工作中是非常有益的，也是必要的。在编写CSS代码时，经常会出现冗余的代码，为了提高代码的质量及文件压缩到最小，使代码具有可读性，不得不把CSS代码简化。
CSS3圆角边框和边界图片效果实例
12-13
本文的学习要点如下：  •圆角 border-radius ... <div>border-radius 属性允许您为元素添加圆角边框！   div { width: 200px; height: 100px; padding:20px; border: 1px solid red; border-r
CSS中为什么padding不生效
weixin_49006730的博客
12-19 3509
CSS中为什么padding不生效，width不生效，height不生效
css中设置padding无效的问题
m0_73814236的博客
02-16 1678
子元素宽度设置为100%时，给子元素添加padding不生效。
CSS3 box-sizing
weixin_34088598的博客
05-11 210
参考： http://www.w3school.com.cn/cssref/pr_box-sizing.asp 定义和用法 默认值： content-box 继承性： no 版本： CSS3 JavaScript 语法： object.style.boxSizing="border-box" 语法 box-sizing: content-box|borde...
CSS给盒子内部标题加padding以及margin不起作用
zhangzhuo1130的博客
01-19 305
CSS给盒子内部标题加padding以及margin不起作用 可见加的上下padding都超出父盒子 解决方案 原因：行内元素需要声明才可以对padding以及margin上下有作用
表格设置padding值无效的原因和解决办法
weixin_34293902的博客
03-25 6407
table元素是一个比较特殊的元素，不完全支持padding margin属性，具体表现为：table tr 元素不支持padding属性 tr td 元素不支持margin属性解决方法:1 使用表格自带的属性 cellspacing 相当于为表格设置margin属性 cellpadding 相当于为表格设置padding属性2 使用css的属...
CSS border 属性使用说明
12-03
border — 定义四个边的宽度,样式,颜色 取值:[ <border> || <border...border不能分别定义4个边框的宽度,颜色和样式,只能统一定义,不可以对四个边设置不同的值,和margin与padding是不同的(后两者可以分别定义四个边的值
通过css3背景控制属性+使用颜色过渡实现渐变效果
11-21
css3背景图像相关 兼容性：IE9+ background-clip 背景图片绘制区域 background-clip:border-box; 内容区 <!DOCTYPE html> <html lang="en" manifest="index.manifest"> <head> <meta charset=...
详解CSS3中border-image的使用
01-19
最终效果是这样的：且随着border宽度变化。下图灰色部分带斜纹的是border 先看下css： CSS Code复制内容到剪贴板 border-width: 40px; border-style: solid; border-image-source: url(...
android Margin和Padding 属性详解
serphyno的专栏
12-12 317
本文向大家简单介绍一下Margin和Padding属性中四个值的先后顺序及区别，Margin和Padding属性中四个值的顺序为:上右下左,按照顺时针方向罗列的。 你对Margin和Padding属性的区别是否熟悉，这里和大家简单分享一下，相信本文介绍一定会让你有所收获。 Margin和Padding属性中四个值的先后顺序及区别 顺序为:上右下左,'margin-top'...
css布局中关于padding-right不生效的问题。
热门推荐
qq_44419884的博客
02-13 1万+
css布局中关于padding-right不生效的问题。 例如： .m-header .search-box form { position: relative; width: 100%; height: 36px; padding-left: 60px; padding-right: 60px; } 此时的...
css行内元素设置margin和padding不生效(问题)
weixin_60547084的博客
01-01 3426
行内元素设置margin或padding有时候会失效 其实并不是失效，给行内元素设置左右margin和padding会生效 设置上下margin不会生效 设置上下padding会生效，但是不会撑开父元素，相等于没有效果
css 移动端页面，在ios中，margin-bottom 没有生效
dianjiao8565的博客
07-12 701
在开发中，你会遇到各种美轮美奂的UI交互设计图，下面这种UI图，我在开发时就在布局上遇到一个小问题 问题现象：ios 手机滚动到底部，底部的margin-bottom不生效，Android手机和模拟器都是正常的，虽然不是什么大bug，但是，有问题就要解决 问题图片展示 正常图片展示 经过对比没有问题的页面，找到了原因，测试来测试去，一条不符合效果就不对， html, body { ...
ios html css不起作用,IOS里css3样式无效，安卓正常
weixin_35749440的博客
06-29 2293
IOS里css3样式无效，安卓正常。IOS里呈现的效果是CSS3的最终样式，没有显示动画效果。具体样式为：.radmenu .menutap.show {-webkit-transform: rotate(45deg);transform: rotate(45deg);}.radmenu .menu> div {bottom: 5px;left: 50%;margin-left: -25px...
前端面试题
sh1alin的博客
07-13 616
前端面试题精选 HTML CSS 1.css盒子模型 标准盒子模型：box-sizing：content-box width不包括padding和border IE盒子模型又叫怪异盒模型：box-sizing：border-bo width包括padding和border 2.HTML5新增的内容 语义化标签：Header、Nav、Section、Footer等 优点：1.提升可访问性 2.seo 3.结构清晰，利于维护 多媒体标签、表单元素 3.Css3新增的特性 边框：border-radius、
##CSS布局-a标签中的padding-top不起作用的解决方法
七元八元
05-16 7269
1、a标签元素是内联元素，默认上下内边距跟上下外边距不起作用；nav ul { overflow: hidden; border-left: .1em solid; } nav li { display: inline; } nav li a { padding: .5em 3em; //只设置 标签的上下内边距 border-right: .1em so...
CSS 不起作用？
MuMu的博客
06-30 953
今天给老同事修改bug时发现导入新样式表不起作用，排查原因发现是iframe的原因，记下小笔记。iframe外层引入的css样式对iframe内部无效。其他css无效原因暂定为路径错误吧，如果问题可以留言，待木木看到回你。...
css属性box-sizing设置成border-box是什么效果
最新发布
09-01
当将CSS属性`box-sizing`设置为`border-box`时，元素的宽度和高度不再仅仅包括内容区域，而是包括了边框(border)和内边距(padding)。 默认情况下，CSS中的盒模型（content-box）会将元素的宽度和高度计算为内容区域...

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值