div+css如何设置边框border？

时间：浏览12次发布人：vkrjyj

已解决问题

谷歌vkrjyj用户在浏览12次提交了关于“拼多多div+css如何设置边框border？”的提问，欢迎大家涌跃发表自己的观点。目前共有1个回答，最后更新于2024-09-03T00:37:43。希望大家能够帮助她。

详细问题描述及疑问：期待您的答案，当代劳模,所有人都应该向你学习！

希望以下的回答，能够帮助你。

第1个回答

用户名：szfnet65 时间：推荐于2017.10.08

元素的边框(border)是围绕元素内容和内边距的一条或多条线。控制边框的属性是border属性。边框在h**TML元素的修饰中几乎无时无刻都会用到，给网页设计带来更丰富的视觉体验，通过CSSborder属性允许你规定元素边框的样式、宽度和颜色。-----------------------------------员发轴末-------------------------------------------图取万进形吧急配罪教--边框与背景最新CSS2.1作出了解释：元素的背景是包括内容、内边距和边框区。也就是说，当边框是间断的（例如，虚烯，在边框间断的地方应该显示的是背景。大多数浏览器都遵循CSS2.1定义，不过一些较老的浏览器可能会有不同的表镇富底现。-------------------------------------------------------------------季-------------边框的样式边框样式将是所有网页设计师最为关心的一点，丰富的样式将会带来更美观的页面设计。CSS的border-style属性定义了10个不同的样式，包括none。例如，您可以为把一幅图片的边框定义为outset，使之看上去像是“凸起的按钮”：img{border-style:outset;}-----------波钟丰践染阿-------------------水两社宜--------------------------------------------------定义多种样式同理，您可以为来自一个边框定义多个环使乐套粉专停娘走院样式，例如：.more{bo讨古到若件百认进执rder-style:力稳载自肉助吗然亚现乙soliddotteddasheddouble;}上面这条规则定义了四种边框样式：实线上边框、点线右边框、虚线下边框和一个双线左边框问答。------------------------------------------------------------------------------制稳饭--定义单边样式如果您希望为元素框的某一个边设置边框样式，而不是设置所有4个边的边框样式，可以使用下面的单背市故边边框样式属性：1.border-top-style2.bor此der-right-style3.border-bottom-style4.border-固控合破属left-styl叫主e因此这两种方法是等价的：.n议胶镇读学教场领敌仍oleft{border类-style:solidsolidsolidn言超变one;}
.noleft{border-style:solid;border-left-styl该线解认海电e:none;}注意：如果要使用第二种方法，必须把单边属性放在简写属性之后。因为如果把单边属性放在border-style之前，简写属性的值就会覆盖单边值none。--------------------------------------------------------------------------------边框的宽度您可以通过border-width为边框指定宽度。为边框指定宽度有两种方法：1.可以指定长度值，比如**x或1em；2.使用3个预设值，它们分别是thin（细）、medium（普通，默认值）和thick（粗）。所以，我们可以这样设置边框的宽度：.wid{border-style:solid;border-width:**x;}或蘸
.wid{border-style:solid;border-width:thick;}注释：CSS没有定义3个关键字的具体宽度，所以一个用户**可能把thin、medium和thick分别设置为等于**x、**x和2px，而另一个用户**则分别设置为**x、2px和1px。--------------------------------------------------------------------------------定义单边宽度您也可以通过下列属性分别设置边框各边的宽度：1.border-top-width2.border-right-width3.border-bottom-width4.border-left-width所以可以这样定义：
.ya{border-style:solid;
border-top-width:10px;
border-right-width:10px;
border-bottom-width:1**x;
border-left-width:1**x;}--------------------------------------------------------------------------------为什么没有边框？在前面的例子中，您已经看到，如果希望显示某种边框，就必须设置边框样式，比如solid或outset。那么如果忘记设置border-style属性会出现什么情况呢？h1{border-width:20px;}尽管边框的宽度是20px，但是在没有定义border-style属性的情况下，无论设置了宽度为多少，会自动将宽度设置为0。
提示：这一点非常重要。事实上，因为忘记声明边框样式是一个初学者常犯的错误。--------------------------------------------------------------------------------边框的颜色设置边框颜色非常简单。CSS使用border-color属性来控制边框颜色，它一次最多可以接受4个颜色值。您可以使用任何类型的颜色值，包括类似命名颜色（red），RGB，十六进制：.col{
border-style:solid;
border-color:red;}提示：如果没有为边框声明颜色，默认情况下它将与元素的文本颜色相同。另外，如果元素没有任何文本，则继承父元素的文本颜色，以此类推。--------------------------------------------------------------------------------定义单边颜色还有一些单边边框颜色属性。它们的原理与单边样式和宽度属性相同：1.border-top-color2.border-right-color3.border-bottom-color4.border-left-color要指定实线黑色边框，而右边框为实线红色，可以这样指定：.bla{
border-style:solid;