关于CSS的题目?

wynton 2006-09-08 05:02:21

Create the style sheet for country and button.

requirements

country:
- 10 pixel left padding and 5 pixel top padding
- the following fonts verdana, helvetica, arial, sans-serif, left aligned
- text size 12 pixels
- Heading to be 20 pixels
- with bottom padding of 3 pixels, with a 2 pixel red dotted bottom border

button:
- white button
- very small purple text
- 3 pixel bottom and left space between the buttons
- 2 pixel top and right text padding
- 2 pixel solid grey border
- 2 pixel red left and right border width

...全文

173 5 打赏收藏转发到动态举报

写回复

用AI写文章

5 条回复

切换为时间正序

请发表友善的回复…

发表回复

yorkane 2006-09-08

打赏
举报

上面那个写错一个字母，这个是正确的

<!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">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>无标题文档</title>
<style type="text/css" title="">
.country{
font:normal 100%/150% verdana, "helvetica", arial, sans-serif;
text-align:left;
padding:5px 0px 3px 10px;
text-indent:20px;
border-bottom:2px dotted red;
}
button{
font:normal 9px/15px verdana, "helvetica", arial, sans-serif;
color:purple;
background:white;
margin-left:3px;
padding:2px 2px 0px 0px;
border-top:2px solid gray;
border-left:2px solid red;
border-right:2px solid red;
}
</style>
</head>
<body>
<div class="country">
china

</div>
<br />
<button>button1</button><button>button2</button><button>button3</button><button>button4</button><br />
<button>button5</button><button>button6</button>
</body>
</html>

yorkane 2006-09-08

打赏
举报

测试通过.
<html>
<head>
<title>无标题文档</title>
<style type="text/css" title="">
.country{
font:normal 100%/150% verdana, "helvetica", arial, sans-serif;
text-align:left;
padding:5px 0px 3px 10px;
text-indent:20px;
border-bottom:2px dotted red;
}
button{
font:normal 9px/15px verdana, "helvetica", arial, sans-serif;
color:purple;
background:white;
margin-left:3px;
padding:2px 2px 0px 0px;
border:2px solid grey;
border-left:2px solid red;
border-right:2px solid red;
}
</style>
</head>
<body>
<div class="country">
china

</div>
<button>button1</button><button>button2</button><button>button3</button><button>button4</button><br />
<button>button5</button><button>button6</button>
</body>
</html>