CSS中的边框样式,课程中主要是讲了border属性的使用,第一是有边框线的一个使用方式;第二个是边框圆角的实现;第三个是边框阴影的实现。
第一:边框线的使用方式是border中的三个属性,border:边框的像素、边框的类型、边框的颜色;边框的类型主要是有solid(实线)、double(双线边框)、dashed(虚线)、dotted(圆点虚线),较常用的是实线边框的使用;而在操作中常常会使用单边框线的一个操作,可以用border-top等去实现单边框的一个操作。
第二:边框圆角的实现是border-redious去实现一个边框圆角化的使用,可以设定圆角框的程度,根据实际需求是使用;
第三:边框阴影的实现是box-shadow去实现,box-shadow: x轴、y轴、阴影的像素、颜色;
这个是实现外部边框阴影的操作,如果要实现内部阴影的操作,在后面添加个inset属性即可实现,也可以单独对x轴方向或者y轴方向去实现阴影边框的一个操作。