15问答网 > css 边框上如何写入文字？

css 边框上如何写入文字？

就是以上这个效果。在边框的右上角处开个口，可以显示文字。

2024-12-24 01:59:45

推荐回答（5个）

回答1：

需要准备的材料分别有：电脑、浏览器、html编辑器。

1、首先，打开html编辑器，新建html文件，例如：index.html。

2、在index.html中的标签中，输入html代码：。

文字

3、浏览器运行index.html页面，此时实现了边框角落开口显示文字。

回答2：

这个可以通过相对定位使某元素恰好处在div的边框上的方式来实现

position:relative;

下面举例说明

创建Html元素


	我是边框上的文字
	我是边框内的文字

设置css样式

div{
	width:200px;
	height:100px;
	padding:5px 30px;
	margin:50px;
	border:4px solid #ebcbbe;
}
span.title{
	display:block;
	width:150px;
	height:30px;
	position:relative;
	top:-15px;
	text-align: center;
	background: white;
}

观察显示效果

回答3：

最简单的方法：（缺点不兼容老版本的ie）

标题

内容

====================
方法2：

标题

内容

注：设置position:absolute;并控制坐标（left、top）将标题调整到理想位置，设置白色背景挡住边框模拟出效果

回答4：

你可以用

例子

文字内容
这里是内容

回答5：

文字内容

kkkk

这样就行