html5-css样式

来源：互联网发布：centos 7内核支持ntfS 编辑：程序博客网时间：2024/05/03 05:56

案例效果：

样式实现：

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><!--<source src='4.mp4' type="video/mp4"/>--></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>

0 0