outline是什么意思,outline的意思翻译、用法、同义词、例 CSS基础教程-德语教育网

大家好，关于outline是什么意思,outline的意思翻译、用法、同义词、例很多朋友都还不太明白，今天小编就来为大家分享关于CSS基础教程的知识，希望对各位有所帮助！

1、轮廓（outline）是绘制于元素周围的一条线，位于边框边缘的外围，可起到突出元素的作用。

2、CSSoutline属性规定元素轮廓的样式、颜色和宽度。

3、本例演示使用outline属性在元素周围画一条线。

4、<html>\n<head>\n<styletype="text/css">\np\n{\nborder:redsolidthin;\noutline:#00ff00dottedthick;\n}\n</style>\n</head>\n<body>\n注释：只有在规定了!DOCTYPE时，InternetExplorer8（以及更高版本）才支持outline属性。\n</body>\n</html>\n

CSSoutline（轮廓）属性实例

5、<html>\n<head>\n<styletype="text/css">\np\n{\nborder:redsolidthin;\noutline-style:dotted;\noutline-color:#00ff00;\n}\n</style>\n</head>\n<body>\n注释：只有在规定了!DOCTYPE时，InternetExplorer8（以及更高版本）才支持outline-color属性。\n</body>\n</html>\n

CSSoutline（轮廓）属性实例

6、<html>\n<head>\n<styletype="text/css">\np\n{\nborder:redsolidthin;\n}\np.dotted{outline-style:dotted}\np.dashed{outline-style:dashed}\np.solid{outline-style:solid}\np.double{outline-style:double}\np.groove{outline-style:groove}\np.ridge{outline-style:ridge}\np.inset{outline-style:inset}\np.outset{outline-style:outset}\n</style>\n</head>\n<body>\n<pclass="dotted">Adottedoutline\n<pclass="dashed">Adashedoutline\n<pclass="solid">Asolidoutline\n<pclass="double">Adoubleoutline\n<pclass="groove">Agrooveoutline\n<pclass="ridge">Aridgeoutline\n<pclass="inset">Aninsetoutline\n<pclass="outset">Anoutsetoutline\n注释：只有在规定了!DOCTYPE时，InternetExplorer8（以及更高版本）才支持outline-style属性。\n</body>\n</html>\n

CSSoutline（轮廓）属性实例

7、<html>\n<head>\n<styletype="text/css">\np.one\n{\nborder:redsolidthin;\noutline-style:solid;\noutline-width:thin;\n}\np.two\n{\nborder:redsolidthin;\noutline-style:dotted;\noutline-width:3px;\n}\n</style>\n</head>\n<body>\n<pclass="one">Thisissometextinaparagraph.\n<pclass="two">Thisissometextinaparagraph.\n注释：只有在规定了!DOCTYPE时，InternetExplorer8（以及更高版本）才支持outline-width属性。\n</body>\n</html>\n

CSSoutline（轮廓）属性实例

8、希望以上可以解决你们心中的一些疑惑，其中可能会有不对的需要改进的地方或是表达喜爱，欢迎留言。感觉还不错欢迎关注收藏转载哦！！！！

outline是什么意思,outline的意思翻译、用法、同义词、例和CSS基础教程的问题分享结束啦，以上的文章解决了您的问题吗？欢迎您下次再来哦！

给这篇文章的作者打赏

相关文章

Gilberto[吉尔伯托]的中文翻译意思、发音、来源及流行趋势，Calzolari2021秋冬

obsess是什么意思(obsess到底是痴迷)

fairies是什么意思,fairies的意思翻译、用法、同义词、例 英语形近词辨析

fairies是什么意思,fairies的意思翻译、用法、同义词、例英语形近词辨析