html中的css中怎么设置一个矩形边框，然后在里面添加文字？如图：

html-css010

html中的css中怎么设置一个矩形边框，然后在里面添加文字？如图：,第1张

设置矩形边框 ：border : 1px solid #000000

添加文字：

<ul>

<li>九寨沟</li>

<li>黄山风景区</li>

。。。。。

。。。。。

。。。。。

</ul>

根据实际写N对li即可

希望可以帮到你～

<!DOCTYPE html>

<html lang="en">

<head>

<meta charset="UTF-8">

<title>svg demo</title>

</head>

<body>

<svg width="500" height="500" style="background-color: #398439" version="1.1" xmlns="http://www.w3.org/2000/svg">

<rect width="300" height="100" rx="20" ry="20" style="fill:yellowstroke-width:3stroke:red"/>

</svg>

</body>

</html>

rect标签参数解析：

rect 元素的 width 和 height 属性可定义矩形的高度和宽度，现在给矩形的宽为300，高为100

style 属性用来定义 CSS 属性

CSS 的 fill 属性定义矩形的填充颜色（rgb 值、颜色名或者十六进制值）

CSS 的 stroke-width 属性定义矩形边框的宽度

CSS 的 stroke 属性定义矩形边框的颜色

rx和ry为圆角，不设置时默认直角