div边框加入文字标题
效果图:
代码:
<%@ 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;
height:30px;
position:relative;
top:-15px;
text-align: center;
background: white;
}
</style>
</head>
<body>
<form:form modelAttribute="organizationManageDto" id="organizationManageForm">
<div class="panel">
<div class="panel-body">
<div class="aaa">
<span class="title">成本计算</span>
<div class="row">
<div class="col-md-2" align="right">
<label class="control-label"><span class="red_star">*</span>机构编号:</label>
</div>
<div class="col-md-4" style="width: 30%">
<input placeholder="机构编号" maxlength="16"/>
</div>
</div>
</div>
</div>
</div>
</form:form>
</body>
</html>
转载于:https://www.cnblogs.com/qingzhongcao/p/7092656.html
div边框加入文字标题相关推荐
- css设置标题边框,css 如何让文字标题显示在边框上?
如图,如何让文字标题显示在边框上? <fieldset> <legend>[使用方法]</legend> </fieldset> 如果需要更精确的扩展, ...
- html字体字数太多导致边框,最后一排文字超出DIV边框
在组织中常常呈现末端1排或多排笔墨超出DIV边框浮现. 1.HTML完整源代码如下: html> CSS5实例之展现不全或超过跨过 .CSS5{ border:1px solid #000; w ...
- php文字添加投影,视频加动态标题文字 视频标题文字添加阴影边框 给视频加上炫酷的文字标题...
开篇就来点个题:今天的教程内容就是视频添加文字标题,虽然都是给视频加文字标题但是今天的和往常有点不太一样呢!软件中不仅自带了许多炫酷的标题模板外,还可以对文字标题进行编辑,给标题添加动态效果,修改文字 ...
- 在可编辑div中插入文字或图片的问题解决思路
最近在网上碰到一个人问了我一个问题,在可编辑div中插入文字或者图片.因为web在线编辑器我从来只是用,基本不会去研究源代码.后来正好一个在线聊天web项目中也要用到这个功能,我就特地看看了代码. 基 ...
- 实现全屏轮播,并且轮播div中的文字盒子一直自动垂直居中
效果如下: 直接上代码了: 说明:轮播图基于swiper.js,自行下载.css在最后 <!DOCTYPE html> <htmllang="en"> &l ...
- java在图片下方写文字_Java画图给图片底部添加文字标题
Java画图 给图片底部添加文字标题 需求给图片底部添加文字编号 import java.awt.Color; import java.awt.Font; import java.awt.Graphi ...
- 在div中设置文字与内部div垂直居中
要实现如图一所示的结果: html代码如下: <!DOCTYPE html> <html><head lang="zh"><meta ht ...
- 3d数学基础图形与游戏开发 英文版_1850款文字标题字幕条,AE图形预设包,logo生成神器...
2019最新1850款组文字LOGO动画预设,一键生成! 包含图形元素/字幕/logo/动画转场/背景等 所有的元素都支持AE和PR 所有元素的 颜色.位置.大小.文字.Logo等 都可以修改,包含G ...
- 将区块链哈希转化为文字标题?IPSE哈希技术Hashlink解释
前言 在人类历史中,有多次的转化改变了信息文明走向.第一个是人类语言的诞生.将人类从抽象的声音识别交流转化为具体的文字交流.第二个是二进制的广泛使用.二进制是电子信息技术的巨大进步,让机器用0和1就能 ...
最新文章
- 基于3G网络的汽车防盗报警系统视频监控设计
- BZOJ 1859 Luogu P2589 [ZJOI2006]碗的叠放 (计算几何)
- [LeetCode] Plus One - 整数字符转换相加
- spark sql uv_内置函数_SparkSQL学习 - 编程那点事
- 将Rosbag中的Compressed类型的图像转换成raw类型
- 能源管理可视化破冰而出,数字孪生打破传统运维僵局
- 盘点下半年EI国际会议,值得收藏!
- php第三方支付sdk,第三方支付 SDK
- Ubuntu20安装搜狗拼音输入法
- 哔哩哔哩视频下载助手
- 威胁快报|Nexus Repository Manager 3新漏洞已被用于挖矿木马传播,建议用户尽快修复...
- linux 软防火墙 DDOS,Linux iptables防火墙详解 + 配置抗DDOS攻击策略实战
- Merkle tree for non-membership proof
- 【人工智能】Google I/O 2023:让 AI 对每个人都更有帮助 Making AI more helpful for everyone
- 福建云服务器虚拟,云服务器
- 远程桌面--外网访问内网多台电脑
- 问道手游平民玩家什么职业好
- linux telnet qq邮箱,用telnet测试给qq邮箱发邮件,中途可能腾讯要你开启smtp服务器...
- java se 基础
- sony z5p卸载垃圾程序脚本