HTML绘制图形的边框样式及颜色选择模式

边框样式： 

1.实线边框 (solid)：border-style: solid
2.虚线边框 (dashed)：border-style: dashed，由一系列短划线组成。
3.点线边框 (dotted)：border-style: dotted，由一系列小圆点组成。
4.双线边框 (double)：border-style: double，由两条平行线组成。
5.内凹边框 (inset)：border-style: inset，呈现内凹效果。
6.外凸边框 (outset)：border-style: outset，呈现外凸效果。
7.无边框 (none)：border-style: none，没有可见的边框线。

颜色选择模式： 

1.RGB（红绿蓝）模式：使用红、绿和蓝的数值来表示颜色。每个颜色通道的取值范围为 0~255，如 rgb(255, 0, 0) 表示红色。

第一个值 255 代表红色通道的强度，取值范围为 0（无红色）到 255（最大红色）。
第二个值 0 代表绿色通道的强度，取值范围为 0（无绿色）到 255（最大绿色）。
第三个值 0 代表蓝色通道的强度，取值范围为 0（无蓝色）到 255（最大蓝色）。
在 rgb(255, 0, 0) 中，红色通道的强度为最大值 255，而绿色和蓝色通道的强度都为最小值 0。因此，这个 RGB 值代表了纯红色（#FF0000）。

2.十六进制模式：使用六位十六进制数来表示颜色。前两位表示红色通道的值，中间两位表示绿色通道的值，最后两位表示蓝色通道的值。例如，红色可以表示为 #FF0000。

        常见的颜色有：#FF0000（纯红色）, #FFA500（橙色）, #FFFF00（纯黄色）, #00FF00（纯绿色）, #0000FF（纯蓝色）,#4B0082（靛蓝色）, #800080（紫色）, #FFC0CB（粉色）, #FF00FF（洋红色）, #00FFFF（青色）,#008080（蓝绿色）, #00FFFF（水绿色）, #FF7F50（珊瑚色）, #E6E6FA（淡紫色）, #98FB98（薄荷绿色）,#FFDAB9（桃色）, #708090（灰蓝色）, #C0C0C0（银色）, #FFD700（金色）, #FFFFF0（象牙白色）

3.颜色名模式：使用预定义的颜色名称来表示颜色。例如，红色可以表示为 red，蓝色可以表示为 blue。

        常见的颜色名有：red（红色）, orange（橙色）, yellow（黄色）, green（绿色）, blue（蓝色）, indigo（靛蓝色）, purple（紫色）, pink（粉色）, magenta（洋红色）, cyan（青色）, teal（蓝绿色）, aqua（水绿色）, coral（珊瑚色）, lavender（淡紫色）, mint（薄荷绿色）, peach（桃色）, slate（灰蓝色）, silver（银色）, gold（金色）, ivory（象牙白色）

4.HSL（色相饱和度亮度）模式：使用色相、饱和度和亮度三个值来表示颜色。色相取值范围为 0~360，饱和度和亮度取值范围为 0~100。例如，红色可以表示为 hsl(0, 100%, 50%)。