网页的本质就是超级文本标记语言，通过结合使用其他的Web技术（如：脚本语言、公共网关接口、组件等），可以创造出功能强大的网页。因而，超级文本标记语言是万维网（Web）编程的基础，也就是说万维网是建立在超文本基础之上的。超级文本标记语言之所以称为超文本标记语言，是因为文本中包含了所谓“超级链接”点。
<basic-shape>是什么？有什么用？本篇文章给大家介绍在css中<basic-shape>是什么，作用有哪些，让大家了解<basic-shape>的使用。有一定的参考价值，有需要的朋友可以参考一下，希望对你们有所帮助。
一、<basic-shape>的基本介绍
1、<basic-shape>是什么？
<basic-shape>是一种表现基础图形的CSS数据类型，作用于clip-path 与 shape-outside 属性中。【相关视频教程推荐：css3教程】
<basic-shape>数据类型可以由基本形状函数指定，即可以使用基本形状函数来定义基本形状，请参阅下面的“基本形状函数”部分，列出可能的形状函数值及其简单描述。
然后将基本形状作为值传递给属性（如shape-outside属性或clip-path属性），这些属性用于将形状应用于元素以更改其周围的内容流，或将元素剪切到分别定义形状。
2、形状的参考框
除了元素的高度和宽度之外，元素的框模型框：边距框（margin-box），内容框（content-box），填充框（padding-box）和边框（border-box），也可用作参考来指定元素上的形状范围。参考框可以是四个框中的任何一个。
当把<basic-shape>用于定义形状时，引用框由使用<basic-shape>值（基本形状函数）的每个属性定义（请参阅下面的示例部分）。基本形状的坐标系的原点位于参考框的左上角，x轴向右移动，y轴向下延伸。以百分比表示的所有长度均从参考盒的使用尺寸中解析出来（百分比定义的长度将通过相关盒模型与使用的维度重定义）。如果未指定引用框，则边框将用作clip-path属性的引用框，并且边框用于属性中使用的形状shape-outside。
二、基本形状函数
以下为当前<basic-shape>所支持的图形。所有<basic-shape>值都由函数表达式定义，并且遵循 属性值定义语法（value definition syntax）。
1、inset()
语法：
inset( <shape-arg>{1,4} [round <border-radius>] )