您的位置：首页 > Web前端 > CSS

CSS概述，语法,声明，选择器

2017-07-25 21:23 316 查看


 2017年7月25日学习总结:









一个小案例

<!DOCTYPE html>

<html>

<head>

<meta charset="UTF-8">

<title>注册网页</title>

<style>
body{
width:500px;
height:600px;
border:1px solid blue;
}
#user{
width:210px;
height:30px;
border:1px dashed red;
}
#pwd{
width:210px;
height:30px;
border:1px dashed red;
}
#man{
color:blue;
}
#female{
color:red;
}

</style>

</head>

<body >
<form>
<p id="user">
账号<input type="text"/>
</p>
<p id="pwd">
密码<input type="password"/>

</p>
<p>
性别
<span id="man">
<input type="radio" name="sex"/>男
</span >
<span id="female">
<input type="radio" name="sex"/>女
</span>
</p>
<p>
兴趣
<input type="checkbox"/>美食
<input type="checkbox"/>竞技
<input type="checkbox"/>养生
<input type="checkbox"/>阅读
<input type="checkbox"/>运动
<input type="checkbox"/>旅行
</p>
<p>
城市
<select>
<option>请选择</option>
<option>北京</option>
<option>上海</option>
<option>广州</option>
<option>深圳</option>
</select>
</p>
<p>
简介
<textarea></textarea>
</p>
<p>
<input type="submit" value="注册"/>
<input type="reset"/>
</p>
</form>

</body>

</html>

网页运行结果

内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理 点击这里给我发消息
标签：  web css 前端 样式 网页
相关文章推荐
新的分享
章节导航