10.css盒子模型-边框常用写法及简写

html-css011

10.css盒子模型-边框常用写法及简写,第1张

为元素设置边框

要为一个元素设置边框必须指定三个样式

border-width:边框的宽度

border-color:边框颜色

border-style:边框的样式

和宽度一样，color也提供四个方向的样式，可以分别指定颜色

可选值：

style也可以分别指定四个边的边框样式，规则和width一致，

同时它也提供border-xxx-style四个样式，来分别设置四个边

示例:

边框的简写样式，通过它可以同时设置四个边框的样式，宽度，颜色

而且没有任何的顺序要求

border一指定就是同时指定四个边不能分别指定

border-top border-right border-bottom border-left

可以单独设置四个边的样式，规则和border一样，只不过它只对一个边生效

CSS:\x0d\x0a.box {width:500pxheight:200pxborder:1px solid #0000FF}\x0d\x0a.siteName{font-size:24pxfont-family:..（定义字体样式、大小等）}\x0d\x0a页面：\x0d\x0a\x0d\x0a\x0d\x0a欢迎光临某某某网站 \x0d\x0a\x0d\x0a\x0d\x0a应该就可以了。 回答于 2022-12-14

css中加边框,首先我们需要确定你要加边框的元素的id或者是id，还有你必须保证这个元素是块级元素，不然width和height对它是无效的，自然也没边框，通过加display:block这个属性，来改成块级元素，具体看代码:

<html>

<head>

<style>

.div1{ //div本身就是块级，所以不需要，算span这中标签就是行级，所以需要display:block

width:600px

height:200px

font-size:13px

border:1px solid #f00

}

</head>

<body>

<div class='div1'>

</div>

</body>

</html>