ul, li加边框问题

priestmoon 2009-07-13 08:50:10

先贴上我自己的问题代码



<!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>

    <title></title>

    <style type="text/css">

        li {

            border: solid 2px red

        }

    </style>

</head>

<body>

      <ul>

        <li>1</li>

        <li>2</li>

        <li>3</li>

      </ul>

</body>

</html>

能够实现ul的加边框效果，但是出现了边框的叠加问题（中间的格子两个边框叠加在了一起）。如果想要边框的大小粗细相同，怎么改好呢？

...全文

17008 4 打赏收藏转发到动态举报

写回复

用AI写文章

4 条回复

切换为时间正序

请发表友善的回复…

发表回复

weixin_46577806 2021-06-25

打赏
举报

border: solid 1px red;
	list-style: none;
	display: inherit;
	width: 120px;
	padding:10px;
	margin: 10px 10px 10px 0px;
	position: relative;
	font-size: 18px;
	float: left;
	text-decoration: none;

margin:10px 10px 10px 0px 不香吗？

zhenzhenzhao12 2011-03-27

打赏
举报

如何我的li是遍历的呢，即li个数不固定，怎么办呢?

priestmoon 2009-07-13

打赏
举报

[Quote=引用 1 楼 hookee 的回复:]
HTML code
<!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>
<title></title>
<style type="text/css">
li {
border: solid 2px red;
border-bottom-width: 0px
}
</style>
</head>
<body>
<ul>
<li>1</li…
[/Quote]

妙啊！
谢谢！！！

hookee 2009-07-13

打赏
举报



<!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>

    <title></title>

    <style type="text/css">

        li {

            border: solid 2px red;

            border-bottom-width: 0px

        }

    </style>

</head>

<body>

      <ul>

        <li>1</li>

        <li>2</li>

        <li style="border-bottom-width: 2px">3</li>

      </ul>

</body>

</html>