边框线怎么设置(网页制作的基本步骤)

发布时间 :2022-04-25 09:20

边框线怎么设置(网页制作的基本步骤)SEO专员•年月日::•投稿CSS图片边框使用CSS-属性,你可以在元素的周围设置图片边框

怎么维护网站

一、浏览器支持表中的数字指定完全支持该属性的第一个浏览器版本

数字后面的--或者--使用时需要指定前缀

二、CSS-属性CSS-属性允许您指定要用来代替元素周围的正常边界的图像

网站维护

属性有三个部分:作为边框的图片

在哪里分割图像

确定中间部分应重复或延伸

以下面的图像(叫做&#;.&#;)为例:原理分析:-性将图像分割成九个部分,就像一个井字游戏板

然后将角放在拐角处,中间部分按指定的顺序重复或拉伸

注意:让-正常工作,元素也需要设置边框属性!.图像的中间部分重复创建边界,图片作为边框CSS代码:&;!DOCTYPECSS&;&;CSS=&;&;&;&;=UTF-&;&;&;项目&;&;&;&;&;&;&;=&;在这里,图像的中间部分被延伸来创建边界.&;&;&;&;这里是原始图像:&;&;&;=.&;&;&;&;CSS&;代码如下:#{:;:;---:(.);*S.-*---:(.);*O-.*-:(.);}.图像的中间部分延伸到创建边界:使用图片作为边框!实例代码:#{:;:;---:(.);*S.-*---:(.);*O-.*-:(.);}注意:-属性是--,--,--,--和--的缩写..不同的切片值不同的切片值完全改变边框的样子:实例-:(.);#{:;:;---:(.);*S.-*---:(.);*O-.*-:(.);}实例-:(.)%;#{:;:;---:(.)%;*S.-*---:(.)%;*O-.*-:(.)%;}实例-:(.)%;代码如下:#{:;:;---:(.)%;*S.-*---:(.)%;*O-.*-:(.)%;}三、总结本文基于CSS基础,使用CSS语言,介绍了有关CSS定义图片边框的知识点,从基础的属性概念入手,-的用法,在实际应用中需要注意的问题,做了详细的讲解

通过一个个实例的演示

希望帮助你更好的学习CSS



- END -