CSS盒子模型-圆角边框

html-css017

CSS盒子模型-圆角边框,第1张

CSS3中新增了圆角边框样式,可以将盒子变为圆角。

语法:

border-radius:length

例:

radius(半径)圆角原理: 设置一个length半径大小的圆与盒子相交,保留相交后的圆角。

很简单css边框样式单词是border,使用border即可让div或span或h1、p等对象实现需要边框样式。

我们给一个div类css 命名为“divcss5”,盒子加一个1px红色边框,为了观察效果,同时对这个div盒子设置css width和css height样式。