3回答
我试图只使用CSS (白色表单)来制作这个表单：
但是我的css正在做一个平行四边形，我只想做一边，它也变形了我的图像，我只想使容器变形，把我的图像和它原来的形式加我的css放在一起。
这是我的html
<div class="header__logo">
<img src="images/logo.jpg" alt="Skihouse">
</div>
我的css：
.header__logo {
-webkit-transform: skew(20deg);
-moz-t
浏览 4提问于2015-06-11得票数 3
回答已采纳
1回答
我正在尝试使用angular和它的引导组件--来自的ui.bootstrap.tabs来制作外观奇特的标签。到目前为止，它看起来是这样的：
请注意红色圆圈中的小故障。它们并不总是在那里，只有当浏览器窗口调整到特别不合适的大小时才会出现。
样式如下：
.nav-tabs > li > a,
.nav-tabs > li > a:hover,
.nav-tabs > li > a:focus {
color: #000000;
text-align: center;
vertical-align: middle;
pos
浏览 4提问于2014-12-18得票数 0
2回答
我试图制作一个管道符号italic，但它不能工作，其他字体显示为斜体，我做了什么错误(在Chrome)吗？
<em>italic | italic</em> | <em class="italic">abc | abc</em>
浏览 0提问于2013-03-11得票数 3
回答已采纳
3回答
我尝试了不同的方法，但是我找不到任何方法通过HTML，CSS来做这样的事情。现在我有：
HTML：
<div id="intro-slogan">
<div id="diagonal"></div>
</div>
CSS：
#intro-slogan{
display: inline-block;
margin-top: 5em;
clear: both;
height: 100%;
}
#diagonal{
background: red;
width: 1
浏览 4提问于2016-02-26得票数 3
回答已采纳
使用修改后的技术，我成功地为我正在开发的网站制作了倾斜的、响应性的div。我遇到的问题是，在每个页面上都有3个倾斜的divs，它们要创建一条对角线(因此每个倾斜的div都需要与页面周围的斜线正确地对齐)。对这些div使用百分比宽度到目前为止还没有起作用，但我不确定还可以尝试什么。
一个很好的解决方案应该是响应性的，最好是只使用css。
*{
margin: 0;
padding:0;
}
.hero{
width: 100%;
position: relative;
border: 1px solid black;
background-co
浏览 3提问于2014-11-05得票数 8
回答已采纳
2回答
我使用<em>使@font-face样式的<h1>斜体部分。我的问题是它太斜体了。
我使用的字体影响，据我所知，没有斜体版本。在Photoshop中，使用宪章面板中的倾斜文本选项，文本只能部分倾斜。然而，随着<em>出现在网站上，它是非常倾斜的。有什么办法用CSS来调整这个吗？或者有人有我可以使用的真正斜体版本的影响力？
浏览 4提问于2012-05-16得票数 0
回答已采纳
1回答
我已经搜索了几天的代码，以使一个div倾斜45度的右侧。下面是一个我特别想要得到的图像.
似乎有很多的例子‘倾斜边缘’div，但我找不到任何与特定的右方倾斜。
我花了很多时间试图改变其他人的密码，但结果却是一团糟。
这是我试验的CSS代码，以获得我需要的结果.
div {
position: relative;
display: inline-block;
padding: 1em 5em 1em 1em;
overflow: hidden;
color: #fff;
}
div
浏览 0提问于2017-06-22得票数 4
回答已采纳
我有一个非常简单的嵌套<div>布局：
<div id="main">
<div id="options">
<a href="#">option 1</a> |
<a href="#">option 2</a>
</div>
</div>
我应用了一个非常简单的CSS：
#main{
height:50px;
background-color: #cc00ff
}
浏览 1提问于2011-10-17得票数 2
回答已采纳
1回答
我的代码为我提供了 ? CSS代码： .about-best-big-vector-right {
width: 1380px;
float: right;
border-top: 140px solid #272838;
border-left: 75px solid transparent;
position: relative;
outline: 3px solid #eda225;
outline-offset: .3rem;
-moz-outline-radius-bottomleft: 2em;
} 超文本标记语言代码：<div
浏览 52提问于2021-02-09得票数 2
回答已采纳
1回答
html中的字符溢出问题有解决办法吗？这是可见的只有当有一个背景颜色和斜体(em)标签是用于简单的文本。
在图片背景中寻找"i“字符。"i“不适合背景，它的部分部分溢出到右边。
代码：
aaaaa<em style="color:#ff0000;background-color:#c3ddfc;">hijyen bariyeri</em>, aaaaaaa
浏览 2提问于2014-08-28得票数 0
回答已采纳
1回答
我正在尝试开发一个拖放功能。可下垂的div由CSS转换。可拖动的div不会落在显示的盒子上，它只会落在盒子的左边和中间，但不会落在盒子的右边。
下面是页面代码的一个简单版本，外加一个jsFiddle：
$("#draggable").draggable();
$("#droppable").droppable({
drop: function(event, ui) {
$(this)
.addClass("ui-state-highlight")
.find("span")
.h
浏览 0提问于2016-06-30得票数 2
回答已采纳
很难用语言来表达我试图实现的目标，所以请查看下面的图片作为示例：
正如你所看到的，我正在寻找创建一个带有图案背景的倾斜div (简单)，但另一部分，倾斜是半遮盖的部分，也必须有一个背景图像。我想了很多不同的想法，并尝试使用背景剪辑，背景原点，在div和CSS三角形之前和之后的作品。有没有办法在纯CSS中做到这一点？我喜欢在这里不必将图像组合成一个或进行任何photoshopping。
浏览 8提问于2013-03-14得票数 2
1回答
我试图使我的div看起来像，但没有成功。我试着用多边形方法得到结果，但我能得到的最好结果是一条与边界半径不匹配的角度线。我也尝试过使用转换方法，因为我无法让它在我的导航div下显示，这也没有带来成功。有谁知道在不使用SVG文件的情况下实现这个结果的方法吗？以下是我的当前代码：
<header>
<div class="navigation">
<div class="container">
<div class="logo">
<a
浏览 6提问于2022-01-17得票数 1
回答已采纳
我知道样式表是放置CSS的最好地方，但我想知道是否有任何方法可以使用jQuery添加特定于火狐的CSS。
使用jQuery添加CSS的典型方法使用以下语法：
$('select').css('margin', '1em');
特定于Firefox的CSS查询如下所示：
@-moz-document url-prefix() {
select {
padding: 0.25em;
margin-top: -0.2em;
}
}
有没有办法调整Firefox命令以使用jQuery媒体查询？
我想，如果有一种方法，那么它也可以在
浏览 0提问于2017-11-28得票数 0
我一直在尝试设计一个下拉菜单，类似于我的wordpress主题使用CSS。
我已经整理好创建下拉列表，但是我不知道如何使用CSS创建曲线，并使背景颜色看起来像上面的图像一样透明。
为了使它看起来透明，我尝试了opacity:0.4; filter:alpha(opacity=40);，但是它看起来不像上面的下拉菜单。
你能告诉我如何使我的下拉列表看起来像在图像中，并使它的反应？
谢谢
这是我的密码：
您还可以在这里查看我的代码，。
HTML
<nav>
<ul id="menu">
<li><a
浏览 4提问于2013-08-22得票数 2
回答已采纳
HTML
<div id="hero">
<div id="social">
<img src="facebook.svg" alt="Facebook">
<img src="linkedin.svg" alt="LinkedIn">
<img src="instagram.svg" alt="Instagram">
</div>
</di
浏览 6提问于2016-08-20得票数 136
Trello接受卡片描述中的Markdown，它甚至帮助链接到标记语法页面。
该页面提到“对于未被Markdown语法覆盖的任何标记，您只需使用HTML本身”。
但是，以<del>为例，通过文本进行罢工并不能获得令人满意的输出。也不使用像<strong>或<em>这样的其他HTML标记。
诚然，<strong>或<em>并不一定要工作，因为Markdown支持粗体和斜体格式，但不幸的是，Markdown在<del>部门中缺乏，而且可能在其他方面也是如此。
是否有一种方法可以显示以前存在但现在没有的文本，在Trello中，如
浏览 0提问于2012-03-02得票数 141
回答已采纳
1回答
我是一个初学者，试图建立我的第一个网站。我希望它从一开始就有反应，所以我不想有一个固定的宽度。
好的，现在我创建了一个导航条--由4个导航元素组成--我想要以它为中心。我试图在我的nav ul-selector中使用nav ul来实现它，但是它没有正确地中心。左边的空间比右边的要大。
这是一张图片，你可以看到我的意思：
以下是HTML代码：
<body>
<div id="wrapper">
<header>
<h1>This is my website</h1>
<nav>
&
浏览 2提问于2015-06-16得票数 0
回答已采纳
1回答
我正在尝试将一个边框插入到我创建的css形状中。
这里是我创建的css形状
在这里，当我插入边框时会发生什么
我需要在我的css上更改什么？
.jologo{
width: 200px;
height: 0;
border-bottom: 40px solid #262627;
border-left: 5px solid #f15c5c;
border-right: 40px solid transparent;
}
谢谢
浏览 2提问于2014-05-10得票数 0
回答已采纳
给定以下链接标记：
<link rel="stylesheet" href="xlarge.css" media="max-width: 70em" />
<link rel="stylesheet" href="large.css" media="max-width: 60em" />
<link rel="stylesheet" href="medium.css" media="max-width: 50em" /&g
浏览 1提问于2012-12-24得票数 4
回答已采纳
3回答
在这段代码中，我有一个类似下面这样的段落
<p class="special">
This is just a test. <em>what color here</em> inheritance work
</p>
我想知道为什么字符串"what color here“不从父p元素获取颜色。我的意思是，特殊类的特异值是10，而像em这样的类型的特异值是1，所以这里10大于1。
所以我的意思是颜色应该取自选择器.special
这是标记和css
<!DOCTYPE html>
<html>
浏览 0提问于2013-09-05得票数 2
3回答
在我的web应用程序中，我使用以下CSS来提供通知/错误消息：
#notice {
border: 1px solid green;
padding: 1em;
margin: 1em;
margin-bottom: 2em;
background-color: lightgreen;
font: bold sans-serif;
color: darkgreen
}
但当不需要通知时，我希望有与此通知占用的空间大小相等的空白。我想这样做是为了让我的网页看起来一致，并且页面上的项目不会根据是否有通知而向上/向下移动。
浏览 0提问于2009-05-22得票数 1
1回答
我刚刚读了这篇文章，正在试着测试一些想法。我想加载一个不同的css文件，这取决于浏览我的网站的设备的大小。
我有以下代码：
<link href="<?php echo base_url()?>assets/css/bootstrap.css" rel="stylesheet">
<link rel="stylesheet" type="text/css" media="screen and (max-device-width: 480px)" href="<?
浏览 1提问于2013-03-23得票数 0
2回答
当我将鼠标移到一个纯html/css站点上时：https://unruffled-shaw-39b759.netlify.app/ CSS在此链接中- https://unruffled-shaw-39b759.netlify.app/css/style.css 我有两行奇怪的代码，如下所示 ? 如何摆脱它？
浏览 29提问于2021-10-30得票数 1
回答已采纳
在CSS3中，是否可以在文本字符串上倾斜一条断线(通过css的文本装饰:行通属性来实现)，比如从文本的左下角到右上角(对角线)？
浏览 0提问于2010-10-13得票数 0
1回答
我的目的是在SVG中创建一个自包含的矢量徽标，我想集成这个SVG文件中的所有字体字形。
对于我的文本的一部分，我需要一个特殊的斜体字体。我想要的字体(Desyrel)只存在于单个.ttf文件中。然后，我将该字体转换为SVG (尝试了不同的在线工具和FontForge)。
然后，我创建了一个SVG文件，其中包含要显示的文本和嵌入的svg字体定义(仅限选定的字形)。这看起来像是：
<?xml version="1.0" encoding="UTF-8"?>
<svg width="800px" height="300px&#
浏览 5提问于2011-05-14得票数 1
回答已采纳
正如您所知，ereg_replace现在已不再受欢迎了。我试图传递给preg_replace，但是没有什么能像以前一样适用于ereg_replace。
我想在这里更改ereg_replace：
$test = ereg_replace("%5C%22", "%22", $test);
$tar = ereg_replace(" ", "", $tar);
$test2 = ereg_replace("#EM#", $tar, $test2);
$su = ereg_replace("&emar
浏览 2提问于2017-04-01得票数 0
回答已采纳
1回答
未加载的动态css文件
、、、、
在head部分的_Host.cshtml中有：
@{
var css = "~/css/mycss.min.css";
<link rel="stylesheet" href="@css">
}
上面没有加载css文件。如果我这样做了(为了测试目的)，以下内容可以很好地工作：
@{
<link rel="stylesheet" href="~/css/mycss.min.css">
}
为什么在第一种情况下没有加载该文件？
浏览 7提问于2022-07-28得票数 0
我的项目结构是：
/src/styles/main.scss
@import 'materialize/sass/materialize.scss';
....
我也尝试了@import './materialize/sass/materialize.scss';这里不工作。
只有在导入index.js中的lib时，它才能工作。
/src/index.js (这起作用)
import './styles/reset.css';
import './styles/main.scss';
import './style
浏览 4提问于2016-07-15得票数 3
回答已采纳
1回答
所以我想要一个像这样的div结构。
______________________________________
| \ |
| \ |
| \ |
| Div A \ Div B |
| \ |
| \ |
|__
浏览 1提问于2014-03-15得票数 2
4回答
这是我的CSS代码；
#wrap {
width:50em;
max-width: 94%;
margin: 0 auto;
background-color:#fff;
}
#head {
width:50em;
height:10em;
max-width: 100%;
margin: 0 auto;
text-align:center;
position: relative;
}
#css-table {
display: table;
margin: 1em auto;
浏览 0提问于2012-09-02得票数 24
回答已采纳
2回答
半倾斜div边框
、、、
我有一个div，我需要它在顶部和底部有一个倾斜的边框，在左边和right.Also上有一个笔直的边框，边角应该是圆形的。我不知道我是否解释清楚了。
<div class="container">
<div class="content">
</div>
</div>
CSS部分如下所示：
.container {-moz-transform:rotate(-1deg); border-radius:25px; border:solid 0 gray; border-width:2px 0;}
.conten
浏览 1提问于2011-10-17得票数 1
回答已采纳
我需要计算一个由伪类创建的元素的新位置。
这个元素是一个li标记，我在其中显示属性alt。宽度和高度取决于包含属性alt的文本的长度。
CSS：
.legende:before{
position:absolute;
max-width:70%;
bottom:0.2em;
z-index:1;
padding:0.3em 1em;
font-size:1.6em;
content:attr(alt);
}
有可能做到这一点吗?我该怎么做呢？
浏览 1提问于2012-03-29得票数 1
我还没有看到任何文档说jQuery可以改变任何CSS的定义，比如改变
td { padding: 0.2em 1.2em }
至
td { padding: 0.32em 2em }
但是必须更改整个样式表，或者更改每个元素的类，或者更改每个元素的css。
是否可以更改样式定义？
浏览 2提问于2010-07-02得票数 36
回答已采纳
我发现下面的CSS指令没有调整IE9中显示的DIV背景图像的大小。你有什么想法吗？
HTML：
<DIV id=window20 class="window smallWindow">
<STRONG>abcde</STRONG>
<BR /><BR />
</DIV>
CSS：
.window {
Z-INDEX: 20;
BORDER-BOTTOM: #346789 2px dotted;
POSITION: absolute;
BORDER-LEFT:
浏览 9提问于2013-08-13得票数 0
我正在使用开发一个定制的bot UI。我找到了一个模板来创建带有物化的浮动小部件，但是，它是用于webchat UI的“嵌入”版本的。我的版本使用一些Divs添加额外的元素(标题，文字记录按钮)。这些元素与实现CSS相冲突。
通过大量的尝试--一个错误，我能够覆盖那些导致问题的设置。除了找出正确的类和div名称之外，我还必须使用!important来保持设置。问题其实比这更严重。当我将物化CSS导入到最终将chatbot部署到的页面上时，它会在该网页本身引发相同的格式问题。
因此，最终，我的问题是:是否有办法迫使物化CSS从属于任何其他CSS？或者，是否有一种方法只为我的聊天机器人UI所需的元
浏览 0提问于2020-04-30得票数 -1
回答已采纳
2回答
我试图得到一个梯形的透视形状，让整个区域都可以点击。我已经让它在Firefox甚至IE中工作了，但是Chrome的合作并不太好。
这里有一个形状和链接的小提琴：，如您所知，只有在文本的“区域”部分悬停之前，链接才会变得活跃。在其他浏览器中，形状的整个高度是可点击的。
我读到Chrome呈现透视图图像的方式不同，这也许就是它没有做它应该做的事情的原因。
这是我的CSS：
.prodcaptions {
width:136px;
height: 85px;
position:relative;
left:10%;
text-transform:uppercase;
text-align:cente
浏览 3提问于2014-10-03得票数 1
回答已采纳
2回答
我的HTML有<section id="banner">，CSS有
#banner {
padding: 12em 0 10em 0;
background-image: url({{ url_for('static',filename = '../images/banner.jpg')}});
background-size: cover;
background-position: top;
background-attachment: fixed;
浏览 2提问于2020-04-20得票数 0
回答已采纳
假设这个html和css..。
<div>
<div>test</div>
</div>
div{width: 80%;}
测试div将获得80%的80%，即64%的宽度，因为它继承自其父div。显然，如果它被设置为像80em这样的em，那么它也将继承并获得64%。但不是使用em，而是rem，它可以完美地工作，而不需要继承它的父级。
那么，有没有像em对rem这样的百分比的替代品呢？
浏览 0提问于2014-03-12得票数 1
2回答
我正在尝试在容器的背景上做一个透明的盒子，但是我不能在背景的中间做它，相反，当我尝试使用顶边距来实现我的设计时，它也会将背景图像向下移动，所以我想问一下为什么我不能像中的W3C给出的例子那样做它
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<META http-equiv="Content-Type" Co
浏览 0提问于2012-07-12得票数 2
回答已采纳
3回答
我发现了一个有吸引力的旋转器(CSS3，SCSS)：。
@for $i from 1 through 6 {
@keyframes preload-show-#{$i}{
from{
transform: rotateZ(60* $i + deg) rotateY(-90deg) rotateX(0deg);
border-left-color: #9c2f2f;
}
}
@keyframes preload-hide-#{$i}{
to{
trans
浏览 5提问于2015-04-21得票数 11
回答已采纳
1回答
我正在尝试编译这个工具。下面是它的Makefile的开头：
CC = gcc
CFLAGS = -Wall -O2 -D TRACES
DFLAGS = -g -Wall -o0
CPPFLAGS= $(INCLUDES:%=-I %)
LDFLAGS = $(LIBRARIES:%=-L %)
LDLIBS = $(USED_TOOLS:%=-l%)
MY_FILES =
INCLUDE_DIR = ~/include
TOOLBOX_INC = $(INCLUDE_DIR)/tools
TOOLBOX_LIB = $(TOOLBOX_INC)
浏览 6提问于2011-08-11得票数 10
我有这个脚本
#!/usr/bin/env bash
set -euxo pipefail
MARGIN=.35in
pandoc -t html5 -V margin-top=$MARGIN -V margin-left=$MARGIN -V margin-bottom=$MARGIN -V margin-right=$MARGIN -V papersize=letter --css ~/bin/inc/pandoc-pdf.css $1 -o $2 -s --pdf-engine=wkhtmltopdf
它很好地从标记文件生成pdf文件...
但不好的是，我是通过命令行参数手动设置MARG
浏览 0提问于2020-10-10得票数 1
我有一个简单的CSS，在那里我可以显示规定的宽度和高度的图像。如果我把图像的高度大于宽度，我就可以很容易地填满这个方框。但是当我上传宽度较大而高度较小的图像时。图像的底部仍然是空白的或空白的。
帮我填下图中标有黑色圆圈的空白处。不管用什么方法都行。
CSS
.container4 {
width: 9.5em;
overflow: scroll;
height: 10em;
}
.container4 img {
width: 100%;
}
浏览 0提问于2016-11-11得票数 0
4回答
在一个网站上工作，该网站有一个粘滞便笺的图像，当新的“待办事项”在它上面创建时，它会频繁地更改文本(大约每个月)。
我目前使用的字体不是Web安全字体，并且文本也稍微倾斜，以匹配粘滞便笺的倾斜。
现在我是一个实用主义者，在这样的情况下，我通常会放弃失败，选择更实用的CSS/HTML。但不能再多了！
我在HTML5、CSS3、PNG图形、闪存(ugh)和/或其他丰富的视觉效果方面有点落后。我精通PHP/CSS/JS (jquery)，也涉猎过Flash/actionscript。
我的问题是:我应该在这里查看哪些工具/方法？
编辑:我已经切换到Comic Sans MS/Cursive --实用
浏览 0提问于2010-04-15得票数 0
回答已采纳
我的网站上有一张背景图片。我想把它倾斜，让它看起来像Netflix / Disney Plus上的封面照片(附在下面)。
尝试
我试着将这个添加到我的图像的CSS中，灵感来自这个问题：
transform: rotateY(-30deg) rotateX(40deg) perspective(800px) scale(1.6)
然而，它并没有产生预期的结果。相反，它不正确地倾斜，并且不能完全拉伸容器。
代码示例
下面是我的示例：
截图
更新
我将perspective: 2000px添加到包含的div中，并将以下内容添加到内部div中，从而使其正常工作：
transform
浏览 18提问于2021-06-08得票数 2
1回答
我是一个全新的反应，由于某些原因，我很难让它正确地呈现一段CSS。
我有一个react类，应用程序应该显示一个卡片，上面有一个进度跟踪器。
var App = React.createClass({
render: function () {
var pushNotifications = _.map(this.props.pushNotifications, function(value, key, notification) {
return (
<div className="row" key={1}>
浏览 2提问于2016-07-08得票数 0
回答已采纳
2回答
目前，我在Ubuntu机器上尝试使用xdg-open查找某个路径或文件。
在命令行中，通常会发生这样的情况；
当我运行xdg-open ~/Downloads/时，这会打开~/Downloads/文件夹中的文件管理器，而不管我的当前目录在哪里，这是应该的。
但是，当我在bash脚本中运行xdg-open ~/Downloads/时，它尝试从脚本的path 和读取所提供的路径，这会导致类似于xdg-open /path/of/my/script/~/Downloads/的结果，这是我不想要的。
我现在的剧本看起来有点像这样；
#!/usr/bin/env bash
input=$(zenity
浏览 8提问于2022-10-24得票数 0
我想要这样的结构：
但是我是用我的html和css代码得到的：
下面是我正在使用的HTML代码：
<section>
<div class="row footer-top">
<div class="container">
<div class="copyright">
<p class="text-center copy-text">2018</p>
</div>
浏览 2提问于2017-07-12得票数 0
回答已采纳
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
对象存储
腾讯会议
实时音视频活动推荐
腾讯云开发者
