去掉li前的点,取消a下划线等问题

最新推荐文章于 2024-06-18 11:20:59 发布

原创最新推荐文章于 2024-06-18 11:20:59 发布 · 3.3k 阅读

9 ·

CC 4.0 BY-SA版权

文章标签：

#css

基础专栏收录该内容

79 篇文章

订阅专栏

本文深入探讨了CSS中关键样式的应用技巧，包括去除列表样式、取消链接下划线、解决内外边距和并（塌陷）问题、设置表单边框为0、css盒子模型的应用、字体大小和权重调整、以及hover状态的美化。通过具体实例，读者可以学习如何精确控制网页元素的显示效果。

部署运行你感兴趣的模型镜像

ul {
			list-style: none;  /*去掉列表样式小点*/
		}

a {
			color: #050505;
			text-decoration: none;    /*取消下划线*/	
		}

 header {
        	height: 100px;
        	/*background-color: skyblue;*/
        	overflow: hidden;   /*解决内外边距和并（塌陷）问题*/
        	border-bottom: 5px solid purple;
        }

input {
			border: 0; /*所有的表单边框为0*/
			box-sizing: border-box; /*css盒子模型 border 和 padding 都包含到 width 里面去*/  
		}

.timetable dd h4 {
        	font-size: 16px
        	font-weight: normal;   /*让粗体不变粗*/
        	color: #4e4e4e;

        }

.footer-r dd a:hover {
            color: #00a4ff;
            text-decoration: underline;   /*添加下划线*/
        }

宽度和高度不适用于非替换行内元素

您可能感兴趣的与本文相关的镜像

Stable-Diffusion-3.5

图片生成

Stable-Diffusion

Stable Diffusion 3.5 (SD 3.5) 是由 Stability AI 推出的新一代文本到图像生成模型，相比 3.0 版本，它提升了图像质量、运行速度和硬件效率