html5-css样式

ゝ一纸荒年。 2022-08-21 11:56 143阅读 0赞

案例效果：

![Center][]

样式实现：

div{
    		width:400px;height:400px;
    		border: 20px solid yellow;
    		background-image: url(1.jpg),url(2.jpg),url(3.jpg);
    		background-repeat: no-repeat;
    		background-size: 100px 100px ,250px 250px,400px 400px;
    		background-position: 10px 10px,50px 50px,160px 160px;
    		background-color: green;
    		}

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
    <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en">
    <head>
    	<meta http-equiv="Content-Type" content="text/html;charset=UTF-8">
    	<title></title>
    </head>
    <style>
    	body{
    		background-color: red;
    	}
    	h1{
    		font-family: 华文行楷;
    	}
    	td
    	{
    		text-align:right;
    		padding: 20px;
    		font-family: 隶书;
    		font-size: larger;
    		background-color: blue;
    	}
    	table{
    		 border:5px solid green;
    	}
    </style>
    <body>
    	<div id='div1'>
    		<video src="" width='320' height='250' controls>
    		
    		</video>
    	</div>
    	<div id='div2'>
    		<h1>我是郝云云</h1>
    	</div>
    	<div id='div3'>
    		<table border="1">
    			<tr>
    				<td>软工学院</td>	
    			</tr>
    			<tr>
    				<td>传媒学院</td>	
    			</tr>
    			<tr>
    				<td>云计算学院</td>
    			</tr>
    		</table>
    	</div>
    	
    </body>
    </html>

![Center 1][]

[Center]: /images/20220724/58894f6c48b244d8b52cb4b8ab684c37.png
[Center 1]: /images/20220724/99627a8cff4d48e599be1c81e9015d4f.png

发表评论取消回复

表情：

评论列表（有 0 条评论，143人围观）

还没有评论，来说两句吧...

相关阅读

相关 HTML5——CSS学习笔记（10）css重置样式

重置样式 @charset "utf-8"; html,body,ol,ul,li,h1,h2,h3,h4,h5,h6,p,th,td,dl,dd,for

心已赠人/ 2022年12月13日 04:56/ 0 赞/ 197 阅读

相关 html h 好看的样式,html5 中有关 css3 样式

html5 中有关 css3 样式外部式 CSS 样式 (也可称为外联式) 就是把 css 代码写一个单独的外部文件中, 这个 css 样式文件以. css 为扩展名,

淡淡的烟草味﹌/ 2022年10月10日 02:33/ 0 赞/ 162 阅读

相关 html css清除默认样式,CSS reset

前面的话大部分的时候，作为前端，我们在写 CSS 样式之前，需要添加一份 reset.css 。CSS reset不仅用于清除默认样式，更是一种全局样式定义。如果项目前期不

一时失言乱红尘/ 2022年10月08日 05:34/ 0 赞/ 383 阅读

相关 html5简单样式css3.0

![Center][] 代码实现： <meta charset="utf-8" > <div id="div1"> 程序员爱情观：爱情就是死循环，

ゝ一世哀愁。/ 2022年09月24日 05:13/ 0 赞/ 132 阅读

相关 html5-css样式

案例效果： ![Center][] 样式实现： div{ width:400px;height:400px; border: 2

ゝ一纸荒年。/ 2022年08月21日 11:56/ 0 赞/ 144 阅读

相关 html_css字体样式

<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title></title> <s

Dear 丶/ 2022年06月18日 05:19/ 0 赞/ 219 阅读

相关 HTML HTML 样式- CSS (stage1-19)

基础篇-HTML 样式- CSS 1.CSS CSS (Cascading Style Sheets) 用于渲染HTML元素标签的样式. 2.如何使用CSS

港控/mmm°/ 2022年06月02日 05:44/ 0 赞/ 192 阅读

相关 HTML样式- CSS

http://[blog.csdn.net/pipisorry/article/details/78929649][blog.csdn.net_pipisorry_articl

布满荆棘的人生/ 2022年06月02日 01:29/ 0 赞/ 151 阅读

相关 HTML5-Classlist样式操作

[HTML5-Classlist样式操作][HTML5-Classlist] <!DOCTYPE html> <html lang="en"> <he

Bertha 。/ 2021年10月29日 17:42/ 0 赞/ 232 阅读

相关 HTML CSS 层叠样式表一

CSS，全拼Cascading Style Sheets，层叠样式表，用于控制html<body>的元素的样式和布局。一、CSS的三种引用方式 1.内嵌 <div s

短命女/ 2021年09月30日 03:02/ 0 赞/ 339 阅读