CSS样式-2

最新推荐文章于 2022-08-09 14:06:48 发布

baijing-hu

最新推荐文章于 2022-08-09 14:06:48 发布

阅读量197

点赞数

分类专栏： HTML 文章标签： css

本文链接：https://blog.csdn.net/qq_43285445/article/details/110262139

版权

HTML 专栏收录该内容

9 篇文章 0 订阅

订阅专栏

<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title></title>
	</head>
	<body>
		<div>河南工业大学</div>
  		<style>
  			div{
  				height: 120px;
  				border: 1px solid red;
  				/*line-height: 120px;文本在y轴居中*/
  				text-align: center;
  				
  				
  				/*font-style: italic;字体斜体
  				font-weight: bolder;字体加粗
  				font-size: 24px;字体大小
  				font-family: "微软雅黑";字体类型*/
  				font: italic bolder 24px/120px "微软雅黑";
  				/*
  				 简写font的时候需要按照上面的顺序但是注意：
  				 1.必须至少有字体大小和字体类型
  				 2.不能和line-height共生，如果必须要使用，需要使用如下格式 字体大小/line-height
  				 * */	
  			}
  		</style>
  		
  		<!--
          	display：设置边框属性，inline-block该框兼具行和块的属性  block：具有块的属性 inline：具有行的属性
          -->
  		<span style="border: 1px solid red; width: 120px; height: 30px; display: inline-block;">
  			河南工业大学
  		</span>
  		
  		<!--
          	text-indent: 10px;设置框的缩进位置
          -->
  		<input type="text" name="ID" placeholder="请输入账号" style="text-indent: 1px;" />
	</body>
</html>

baijing-hu

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
CSS样式-2

<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title></title> </head> <body> <div>河南工业大学</div> <style> div{ height: 120px; border: 1px solid red; .
复制链接

扫一扫