图片制作圆角框
固定宽度圆角框
顶部圆角图片应用于div的第一个子元素顶部,底部圆角图片应用于div框的底部
自适应高度的固定宽度圆角框
div有一个重复的背景,将顶部圆角图片应用于div的第一个子元素,底部圆角图片应用于最后一个子元素的底部
自适应高度的固定宽度圆角框
将圆角框的四个角与四个元素相对应,每个元素放置图片的的位置要与大盒子的角重合。使用百分数设置框宽度,根据浏览器窗口尺寸进行扩展和伸缩。
CSS代码边框
border: border-width border-style border-color
borderstyle: none/ hidden/ solide/ dotted/ dashed/ double/ groove(3D 凹槽边框)/ ridge(3D 垄状边框)/ inset(inset 边框)/ outset(inset 边框)/ inhere
3D边框取决于border-color border-color: 边框颜色
border-width: 边框宽 可以分别设置top 、right、bottom、left
border-*-radius:边框圆角 box-shadow: h-shadow(水平阴影) v-shadow(垂直阴影) blur(模糊距离) spread(阴影尺寸) color (阴影颜色)inset(将外部阴影改为内部阴影);
时间: 2024-10-23 11:33:35