CSS样式的结合应用

最新推荐文章于 2024-04-20 12:19:34 发布

Aseveng

最新推荐文章于 2024-04-20 12:19:34 发布

阅读量236

点赞数

分类专栏：网页前端

本文链接：https://blog.csdn.net/Aseveng/article/details/78424515

版权

网页前端专栏收录该内容

27 篇文章 0 订阅

订阅专栏

<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>无标题文档</title>
<style>
ul{
	list-style-type:none;
	list-style-image:none;
}
table{
	border-bottom:#060 double 3px;
	border-left:#F30 solid 3px;
	border-right:#699 dashed 3px;
	border-top:#F66 groove 3px;
}
table td{
	border:#06F dotted 1px;
	padding:20px;
	margin:5px; 
}
div{
	border:#036 dashed 2px;
	height:200px;
	width:400ox;
}
input{
	border:none;
	border-bottom:#000 solid 1px;
}
.haha{
	border:none;
}
</style>

</head>

<body>
姓名：<input type="text"/> 成绩：<input type="text"/> <br/><br/>
<div> div区域</div>
<table>
	<tr>
    	<td><input type="text"/></td>
        <td><input type="text"/></td>
    </tr>
    	<tr>
    	<td>单元格一</td>
        <td>单元格一</td>
    </tr>
</table>


<ul>
      <li>无序项目列表</li>
      <li>无序项目列表</li>
      <li>无序项目列表</li>
      <li>无序项目列表</li>
      
</ul>
</body>
</html>