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

边框效果html+css

2014-03-19 12:48 232 查看
源代码：

<!doctype html>

<html lang="en">

<head>

<meta charset="UTF-8">

<meta name="Generator" content="EditPlus®">

<meta name="Author" content="">

<meta name="Keywords" content="">

<meta name="Description" content="">

<title>Document</title>

<style type="text/css">

.search-con{margin:100px auto;padding:20px 10px;width:350px;height:500px;border:1px solid #999;border-radius:5px;}

.search-con span{margin-top:-30px;width:70px;background:#ccc;display:block;}

.search-con a{display:block;height:34px;}

</style>

</head>

<body>

<div class="search-con" >

<span>类似于表头</span>

<a href="javascript:;">标准</a>

<a href="javascript:;">术语</a>

<a href="javascript:;">数据</a>

</div>

</body>

</html>

效果：



form的边框效果

<html>

<body>

<form>

<fieldset>

<legend>health information</legend>

height: <input type="text" />

weight: <input type="text" />

</fieldset>

</form>

</body>

</html>

效果：

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