div边框加入文字标题

最新推荐文章于 2022-10-05 10:17:48 发布

weixin_30429201

最新推荐文章于 2022-10-05 10:17:48 发布

阅读量2k

点赞数

文章标签： java

原文链接：http://www.cnblogs.com/qingzhongcao/p/7092656.html

版权

这篇博客介绍了如何通过HTML和CSS创建一个带有文字标题且具有边框的div元素。代码示例展示了如何设置div的样式，包括宽度、高度、内边距、外边距和边框，并用相对定位添加了一个背景为白色的标题文字。

摘要由CSDN通过智能技术生成

效果图：

代码：

<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>Insert title here</title>
<style type="text/css">
div.aaa{
    width:70%;
    height:100%;
    padding:5px 30px;
    margin-top:50px;
    margin-left:150px;
    border:2px solid #CCCCCC;
}
span.title{
    display:block;
    width:100px;
    hei